Ho iniziato da poco a programmare in API di google maps e tramite questo codice non mi trova la logintudine, ma solo la latitudine
Codice HTML:
<html>
<head>
<title>GEO LOCALIZZAMI</title>
</head>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function successo(posizione){
document.getElementById('latitudine').innerHTML = posizione.coords.latitude;
document.getElementById('latitudine').innerHTML = posizione.coords.longitude;
var infoWindow = new google.maps.infoWindow();
var opzioniMappa = {zoom: 12, mapTypeId: google.maps.MapTypeId.ROADMAP};
var mappa = new google.maps.Map(document.getElementById("mappa"), opzioniMappa);
initialLocation = new google.maps.LatLng(posizione.coords.latitude, posizione.coords.longitude);
mappa.setCenter(initialLocation);
infoWindow.setContent(posizione.coords.latitude + " " + posizione.coords.longitude);
infoWindow.setPosition(initialLocation);
infoWindow.open(mappa);
}
function errore(error)
{ alert("Errore"); }
function richiediPosizione()
{
if(navigator.geolocation)
navigator.geolocation.getCurrentPosition(successo, errore);
else
document.GetElementById('dati').innerHTML="Geo localizzazione non supportata.";
}
</script>
</head>
<body>
<p id="dati">
Ti trovi qui: <br>
Latitudine: <span id="latitudine"> </span><br>
Longitudine: <span id="longitudine"> </span>
<p>
<button onClick="richiediPosizione()"> Localizzami </button>
<div id="mappa" style="height: 500px;">
</div>
</body>
</html>
Come mai? Dove sbaglio?