html5_GEOLOCALIZACION



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.

A partir de las siguientes versiones, los navegadores  proporcionan estos datos de geolocalización,según se muestra en esta tabla. :

api-html5-browsers

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.

A continuación un ejemplo sobre su funcionamiento. Este devuelve las coordenadas:

<!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>