Urielmania

“El Mundo de Uriel… Pero la voz de todos”

Geolocalización utilizando la API de HTML5

Este es un ejemplo de implementación para saber la ubicación de los usuarios que ingresan a nuestra web. La API requiere que el usuario autorice la búsqueda de la misma por motivos de privacidad.

<!DOCTYPE html>
<html>
<body>

<p>Hacer clic para obtener las coordenadas.</p>

<button onclick=”getLocation()”>Probar</button>

<p id=”demo”></p>

<script>
var x = document.getElementById(“demo”);

function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
x.innerHTML = “Geolocalización no está soportada en tu navegador.”;
}
}

function showPosition(position) {
x.innerHTML = “Latitud: ” + position.coords.latitude +
“<br>Longitud: ” + position.coords.longitude;
}
</script>

</body>
</html>

La geolocalización es mas precisa con dispositivos que cuentan con GPS, como los teléfonos o tablets. Si lo ejecutamos a través de una computadora, nos dará la dirección donde se encuentre tu proveedor de internet y no el lugar donde se encuentra el usuario.

El unico inconveniente en este método es que si el usuario tiene un navegador realmente viejo no soportara o mas bien no nos dara estos datos de ubicación.

Lo vi en http://geeksroom.com

Acerca del Autor