Geo localización JavaScript

HTML5Javascript

Actualmente esta funcionalidad en las aplicaciones web y móviles se ha popularizado, ejemplos de esto son foursquere, Google Maps, Facebook entre otras.

Con HTML5 obtener la ubicación del usuario es muy fácil pero tenemos que tener en cuenta que no todos los dispositivos cuentan con un GPS que permite una localización más precisa por una triangulación de antenas y satélites, otros solo cuentan con conexión vía ISP y el navegador típicamente tomará esta información por IP o por triangulación de puntos de acceso Wi-Fi.

Para implementar la geo localización debemos asegurarnos de que el navegador soporta la API de geo localización de HTML5.

Para recuperar la localización del usuario haremos uso del objeto navigator.geolocation y la función básica para este caso es getCurrentPosition(), su sintaxis es :

getCurrentPosition(FuncionExito[,FuncionError],opciones);

FuncionExtito le dice al navegador al cual función debería llamar si los datos de localización han sido encontrados como disponibles. La función indicada toma los datos de la localización obtenida y actúa en consecuencia.

FuncionError, este parámetro llama a una función en curso de que la petición de localización falle por alguna razón que escapa de nuestro control. Es opcional pero es una buena práctica.

Opciones, aquí se maneja internamente a su vez tres parámetros opcionales que se encierran entre los símbolos «{ }».

  • enableHighAcurrency:  indica al navegador que utilice una fuente de información exacta si está disponible. Los valores posibles son TRUE o FALSE. NOTA : Usted no puede controlar la fuente de información.
  • Timeout:Le indica el monto de máximo de tiempo del que dispone para calcular la posición actual. Si el cálculo no se completa en el tiempo indicado, la función de error se dispara. El valor se da en milisegundos.
  • maximumAge: Señala que tan vieja puede ser la información de localización antes de volver a recalcularla. El valor también se indica en milisegundos.

 

 

Ejemplo

 

Comentarios Facebook

Rodrigo Gómez

Desarrollador web en Mirrorservices.com desde hace 5 años.
Previous
Como crear una galería de imágenes con Jquery ,CSS y HTML
Next
Sentencia switch en php y su sintaxis alternativa

Leave a comment to Ferios Cancel reply

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Newsletter

Suscríbete y recibe contenido exclusivo.

* indicates required