HTML and CSS Reference
In-Depth Information
// aggiungo un marker alla mappa:
var marker = new google.maps.Marker({ map: map, draggable:
true,
animation: google.maps.Animation.DROP, position: location
});
// visualizzo l'area con la precisione del calcolo:
new google.maps.Circle({ map: map, center: clientLocation,
radius: position.coords.accuracy, strokeColor: "#0080FF",
strokeOpacity: 0.5, strokeWeight: 1, fillColor: "#0080FF",
fillOpacity: 0.2 });
};
Il codice
dell'esempio 8.14
mostra come visualizzare su una mappa l'attuale posizione del
client. Al primo accesso, il browser richiede il consenso dell'utente al tracciamento. Quin-
di, se l'applicazione viene autorizzata, viene caricata la mappa e mostrato un segnaposto
in corrispondenza della posizione calcolata (latitudine e longitudine) e viene evidenziata
un'area corrispondente alla precisione con cui il calcolo รจ stato effettuato, come mostrato
nella
figura 8.5
.
Figura 8.5
- Le API per la geolocalizzazione in azione.
La
figura 8.5
presenta il risultato finale del codice d'esempio proposto: la pagina visualizza
la mappa con la posizione del visitatore, evidenziando la precisione di calcolo raggiunta e,
in forma testuale, le coordinate del punto localizzato.
