Hola, me podrían ayudar con Geolocalizacion en HTML5, necesito saber como conseguir la dirección, he conseguido un código pero sale la api de Google con una imagen de la ubicación pero me gustaría tener la dirección que la he visto en algunas paginas, he aqui el codigo en html5 y js.
Y tambien si existe la posibilidad de enviar la dirección localizada a un email, cualquier sugerencia se agradece.
index.html
Código:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="noindex,follow"/>
<title>QR Pulso</title>
<link rel="shortcut icon" href="/favicon.ico" />
<style type="text/css">
img{border:0}h1 {
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
color: #069;
}
</style>
</head>
<body onload="detectar()">
<h1><img src="images/qrpulso_logo.jpg" width="85" height="84" /> <img src="images/qr_pulsologotext.jpg" width="302" height="53" /></h1>
<h1>Estimado Usuario usted se encuentra en </h1>
<div id="mapa">
</div>
<script src="http://code.google.com/apis/gears/gears_init.js" type="text/javascript" charset="utf-8"></script>
<script src="geo.js" type="text/javascript" charset="utf-8"></script>
<script language="javascript">
function detectar(){
if(geo_position_js.init())
{
document.getElementById('mapa').innerHTML="Leyendo...";
geo_position_js.getCurrentPosition(mostra_ubicacion,function(){document.getElementById('mapa').innerHTML="No se puedo detectar la ubicación"},{enableHighAccuracy:true});
} else {
document.getElementById('mapa').innerHTML="La geolocalización no funciona en este navegador.";
}
}
function mostra_ubicacion(p){
var coords = p.coords.latitude + "," + p.coords.longitude;
document.getElementById('mapa').innerHTML="<p>latitud="+p.coords.latitude.toFixed(2)+" longitud="+p.coords.longitude.toFixed(2) + "</p>"
+"<a href=\"http://maps.google.com/?q="+coords+"\"><img src=\"http://maps.google.com/maps/api/staticmap?center="+coords+"&maptype=hybrid&size=400x400&zoom=12&markers=size:mid|"+coords+"&sensor=false\" alt=\"mapa\"/></a>";
}
</script>
</body>
</html>