Artículo

---

1 ¡votar!

Geolocalizacion de HTML 5 aplicado al iPhone

El nuevo standar HTML 5, trae funciones de geolocalización, que nos permiten saber los datos de nuestra situación actual. Esto se podría utilizar en una aplicación para iPhone, para poder saber en todo el momento nuestra situación, utilizando para ello GoogleMap.

Para poder utilizarlo, debe de aceptar la opción de compartir tu situación y también debe de utilizar un navegador compatible con HTML 5 como puede ser Safari, Chrome....

Veamos el código que hace todo esto.

function googleMapIt(p)
{ 
var detail ='<b>Latitude: </b> ' + p.coords.latitude + ' <b> Longitude:
</b> ' + p.coords.longitude;
document.getElementById("addAfterLoad").innerHTML = detail;
var map='http://maps.google.com/maps?&z=15&output=embed&ll=
'+p.coords.latitude+','+p.coords.longitude;        
document.getElementById("geoMap").src=map;
}
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(googleMapIt);
}
else {
var detail ='<b>Your browser does not support geolocation!</b>';
document.getElementById("addAfterLoad").innerHTML = detail;
}

El script es muy sencillo, y lo que hacemos es obtener la latitud y la longitud para luego pasarselo al API de Google Map para que nos muestre en su mapa nuestra situación.

Vía: ibm.com

Publicado por: angel carrero

Recomendar a un amigo

Compartir en redes

Email  

Comentarios