Sólo JS máscara de entrada para geo información-coords

Tiempo de ejecución: 30 minutos. Empezar

Autor: klawdyo
Views Total: 2,025
Sitio oficial: Ir a la web
Actualizado: March 15, 2017
Licencia: MIT

Vista prévia

Sólo JS máscara de entrada para geo información-coords

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',


} );

Te puede interesar: