Sólo JS máscara de entrada para geo información-coords
| Autor: | klawdyo |
|---|---|
| Views Total: | 2,025 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 15, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
coords. js es una biblioteca de máscara de entrada de JavaScript pura que permite al usuario escribir o pegar rápidamente información geográfica (coordenadas, latitud, longitud) en un campo de entrada.
Funcionamiento
Ponga los archivos JavaScript y CSS de la coords en la página HTML.
<link href="coords.css" rel="stylesheet"> <script src="coords.js"></script>
Cree sus propios campos de entrada como estos:
<input type="coords" id="latitude" name="latitude" class="coords w2"> <input type="coords" id="longitude" value="41 25N" name="longitude" class="coords w2">
Inicializar la biblioteca de coords y listo.
coords.init( 'input[type="coords"]' );
Establezca el formato:
coords.setSaveFormat({showCompassDirection:false, showSign:true, seconds:false}) Opciones posibles con valores predeterminados:
coords.init( 'input[type="coords"]',{
//Spaces between parts
'spaces'
: true,
//Show degrees. Always true
'degrees'
: true,
//Show minutes.
'minutes'
: true,
//Show seconds. False if minutes is false too
'seconds'
: true,
//Degree component indicator
'degreeIndicator'
: '°',
//Minute component indicator
'minuteIndicator'
: "'",
//Second component indicator
'secondIndicator'
: '"',
//Configure to show sign at start
'showSign'
: false,
//Configure to show compass direction at end
'showCompassDirection'
: true,
//Last component's decimal separator
'decimalSeparator'
: '.',
'decimalPlaces'
: 5,
//Recalculate widths
'recalculateWidth'
: true,
'pixelsBychars'
: 8,
'saveFormatOptions'
: null,
//Messages
'pasteErrorMessage'
: 'The pasted texto isn\'t a valid coordinate',
} );





