Ciao ragazzi! sto lavorando su un codice per la geolocalizzazione, che una volta cliccato il pulsante trova la posizione dell'utente. Fin qui tutto bene! poi viene fuori la mappa! ma la mappa non segna nessun punto! Cioè se io volessi far uscire la posizione dell'utente con magari un simbolo e nella mappa vorrei che in base a dov'è l'utente mi segna anche una dei punti prefissati piu vicini alla sua posizione! Come faccio? Ricapitolando: Simbolo dell'utente della sua posizione e in torno nei dintorni un'altro simbolo che raffigura magari il negozio più vicino a lui! cosa devo modificare in quest codice?
<!DOCTYPE html>
<html>
<body>
<button onclick="getLocation()">Trova!</button>
<div id="mapholder"></div>
<script>
var x = document.getElementById("demo");
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosit ion,showError);
} else {
x.innerHTML = "Geolocalizzazione non supportata da questo browser";
}
}
function showPosition(position) {
var latlon = position.coords.latitude+","+position.coords.longi tude;
var img_url = "http://maps.googleapis.com/maps/api/staticmap?center="
+latlon+"&zoom=14&size=300x300&sensor=false";
document.getElementById("mapholder").innerHTML = "<img src='"+img_url+"'>";
}
function showError(error) {
switch(error.code) {
case error.PERMISSION_DENIED:
x.innerHTML = "User denied the request for Geolocation."
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML = "Le informazioni sulla locazioni non sono disponibili."
break;
case error.TIMEOUT:
x.innerHTML = "Troppo tempo! Ricaricare la pagina!"
break;
case error.UNKNOWN_ERROR:
x.innerHTML = "Errore imprevisto, prova più tardi."
break;
}
}
</script>
</body>
</html>
Io credo che il problema sia qui:
var img_url = "http://maps.googleapis.com/maps/api/staticmap?center="
che modifico?
Rispondi quotando
Originariamente inviata da carlomarangoni
Il puntatore tu sei riuscito a visualizzarlo?
