Una de las grandes mejoras que ha aportado HTML5 es la geolocalización (localización de la ubicación física del cliente).
Aquí os dejo un ejemplo sencillo que muestra las coordenadas de latitud y longitud en una etiqueta <P>.
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="js/jquery.min.js"></script>
<title>Ejercicio 9</title>
<script>
function localizar(){
if(navigator.geolocation){
// El primer paso es comprobar que la geolocalización es
// soportada por el navegador.
navigator.geolocation.getCurrentPosition(callback);
// la respuesta se recibe en la función «callback»
alert("Geolocalización soportada, paso 1");
}
// Paso 2: la carga del documento continúa mientras llega la respuesta.
document.getElementById("mensaje").innerHTML =
"El script continua mientras llega la respuesta a la geolocalización (callback)";
}
function callback(position){
//se procesa la respuesta (paso 3)
document.getElementById("localizacion").innerHTML =
"Latitud: "+position.coords.latitude +
"<BR>Longitud: "+position.coords.longitude;
}
</script>
</head>
<body>
<div>
<button id="btnLocalizar" onClick="localizar()">
Encontrar mi localización
</button>
<p id="localizacion"></p>
<p id="mensaje"></p>
</div>
</body>
</html>
No hay comentarios:
Publicar un comentario