Artículos
HTML5

Geolocalizando a un usuario con HTML5

15/Sep/2012

En HTML5 tenemos la capacidad de geolocalizar a un usuario, es decir, saber la posición en la que se encuentra mostrándola en una posición de longitud y latitud.

El dispositivo de usuario obtendrá la posición geolocalizada de diferentes formas: o bien tirando del dispositivo GPS (si lo tuviera) o bien obteniéndolo del WIFI o router de la red a la que esté conectado. La diferencia estará en la exactitud de la posición obtenida.

Para realizar la geolocalización habrá que tirar del objeto navigator.geolocation. Así que lo primero que tendremos que comprobar es si el navegador soporta dicho objeto:

if (navigator.geolocation) {...}

En el caso de que haya soporte del objeto navigator.geolocation invocaremos el método .getCurrentPosition() Este método recibe como parámetro la función de callback en la que estará el resultado de la geolocalización.

var x=document.getElementById("posicion");
if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(showPosition);
} else {
  x.innerHTML="Geolocation is not supported by this browser.";
}

En nuestro caso la función showPosition será la que reciba la posición. Esta función recibe un objeto Position con la posición de la geolocalización. El objeto Position tiene los atributos latitude y longitude en los cuales encontramos la posición.

function showPosition(position) {
  x.innerHTML="Latitude: " + position.coords.latitude + 
    "
Longitude: " + position.coords.longitude; }

Lo último que hemos hecho ha sido volcar el contenido sobre una capa.

Vídeos sobre HTML5

Disfruta también de nuestros artículos sobre HTML5 en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test HTML5

¿Te atreves a probar tus habilidades y conocimiento en HTML5 con nuestro test?

Test HTML5
Suscribir
Notificar de
guest
4 Comentarios
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios