jump to navigation

GeoPosicionamiento con HTML5 28 marzo, 2012

Posted by ubanov in Informática-Linux.
Tags: , ,
trackback

HTML5 lleva incluido servicios de GeoPosicionamiento. Hay por Internet muchas páginas complejas de cómo hacerlo, incluso cómo sacar un plano de donde estoy….

En esta entrada pongo una página html mínima que hace uso de servicios de geoposicionamiento

La página mínima que hace geolocalización sería la siguiente:

———————————————————————————

<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=utf-8>
<meta name=”viewport” content=”width=360″>
<script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js”></script&gt;
<title>geolocation test</title>
<body>
<div>
<div>
<b>Latitude:</b>
<input name=”latitude” id=”latitude” />
</div>

<div>
<b>Longitude:</b>
<input name=”longitude” id=”longitude” />
</div>

<div>
<b>Accuracy:</b>
<input name=”accuracy” id=”accuracy” />
</div>

<div>
<b>Status:</b>
<input name=”status” id=”status” />
</div>

</div>

<script>
function geosuccess(position) {
// alert(“You are (“+position.coords.latitude+”,”+position.coords.longitude+”) accuracy “+position.coords.accuracy);
$(“#status”).val(‘ok’);
$(“#longitude”).val(position.coords.longitude);
$(“#latitude”).val(position.coords.latitude);
$(“#accuracy”).val(position.coords.accuracy);
// volvemos a actualizar posicion… al principio ira mejorando
// la exactitud (accuracy)
navigator.geolocation.getCurrentPosition(geosuccess,geoerror);
}

function geoerror(msg) {
// alert(“Geolocation error: “+msg.message+” (“+msg.code+”)”);
// valores de error msg.code: 1 permiso denegado, 2 posicion no disponible, 3 timeout
$(“#status”).val(‘fail’);
}

if(navigator.geolocation) {
navigator.geolocation.getCurrentPosition(geosuccess,geoerror);
// para que este todo el rato mirando se podria usar navigator.geolocation.watchPosition
} else {
//alert(“geolocation not supported”);
$(“#status”).val(‘unsupported’);
}

</script>

</body></html>

———————————————————————————

¿Qué hace esta página? dibuja cuatro campos en la pantalla y lo que hace es actualizar la posición de forma constante. Cuando se localiza al usuario se vuelve a solicitar que se actualice la posición. De esta forma lo que se consigue es ir mejorando la exactitud (accuracy).

Para cosas más complejas buscad en tu buscador favorito (yo diría que Google).

Más información sobre el API puedes encontrarlo aquí: http://dev.w3.org/geo/api/spec-source.html

Comentarios»

No comments yet — be the first.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: