API Geolocation

Esta API (Application Programming Interface) nos permitir

conocer la ubicacin geogrfica del usuario y por motivos de
seguridad requiere la autorizacin del mismo.

Al tener identificada la zona geogrfica donde se encuentra

nuestro usuario podremos brindarle por ejemplo determinados
productos y servicios, que podrn ser aprovechados de la
mejor manera por estos.

En la actualidad todos o la gran mayora de los navegadores

ms importantes son compatibles con esta API como podemos
ver a continuacin:

Chrome 5

Firefox 3.5

Internet Explorer 9

Safari 5

Opera 10.60

Veamos ahora cmo podemos usar esta API.

Primero debemos saber si nuestro navegador soporta esta

API, para ello en un archivo JavaScript vamos a escribir la
siguiente condicional, en donde nos retornar una alerta
indicndonos si nuestro navegador soporta o no esta API: Esta
pgina te mostrar una alerta indicando si hay soporte.

Una vez seguros que nuestro navegador soporta esta API,

pasaremos a encontrar nuestra ubicacin usando el mtodo
getCurrentPosition () el cual consulta la posicin del usuario y
devuelve un objeto con coordenadas
getCurrentPosition(showPosition), el cual muestra la
ubicacin en latitud y longitud.

Para entenderlo mejor, pueden ver el siguiente ejemplo:

Para trabajar con el API de Geolocation sin ningn problema
necesitas trabajar con HTTPS, esto es principalmente por un
tema de seguridad ya que algunos navegadores no ofrecen
soporte para sitios no seguros HTTP, como en el caso de
Chrome a partir de la versin 50 ya no ofrece soporte a la API
para sitios no seguros.

El mtodo getCurrentPosition () maneja tres parmetros que

son:

navigator.geolocation.getCurrentPosition (funcionExito,
funcionError, Opciones)

funcionExito: Se ejecuta cuando se obtiene un objeto

Position como parmetro de entrada.

funcionError: Se ejecuta cuando se obtiene un objeto

PositionError como parmetro de entrada, es opcional el
definirlo, pero hacerlo es considerado una buena
prctica.

Opcionalmente podemos establecer tres parmetros que son.

Timeout: Tiempo mximo que se espera para obtener

las coordenadas, de exceder se ejecuta PositionError, su
valor se define en milisegundos.

enableHighAcurrency: Le indica al navegador que

utilice una fuente de informacin exacta, los valores que
maneja son TRUE o FALSE.

maximumAge: Indica que tan vieja puede ser la

informacin antes de volver a calcularla, al igual que
Timeout el tiempo se expresa en milisegundos.