Google Maps: come ottenere Latitudine e Longitudine da un indirizzo
Mercoledì, 14 Maggio 2008Anche questa volta rispondo ad un commento con un Post, visto il generale interesse. Armando mi chiedeva se era possibile, tramite Google Maps, ottenere Latitudine e Longitudine a partire da un nome di città o di una strada. La risposta è si! Tramite il servizio Google Maps API geocoding service è possibile chiedere direttamente a Google di trasfromare la nostra informazione testuale (stato, città , via) in coordinate geografiche. Potete provare un esempio online direttamente sul sito della documementazione Google.
L'oggetto principale che permette questo è GClientGeocoder. Tramite il metodo getLatLng() è possibile convertire una stringa indirizzo in un oggetto GLatLng.
NOTA: ricordo che per includere le API Google bisogna richiedere gratuitamente una chiave: vedi Come inserire Google Map nel proprio Web su come ottenere la chiave API. Questa sarà usata per l'inclusione dello script, nella forma:
-
<script src="http://www.google.com/jsapi?key=ABCDEFG" type="text/javascript"></script>
Dove è 'ABCDEFG', va sostituito con la chiave che Google rilascia gratuitamente: Ottieni chiave Google.
L'uso di questo oggetto è davvero semplice, come la maggior parte della API messe a disposizione da Google:
-
// creo l'oggetto GClientGeocoder
-
var geocoder = new GClientGeocoder();
-
// l'indirizzo è proprio un testo, potrebbe essere anche solo una cittÃ
-
var address = 'via salaria, roma, italia';
-
geocoder.getLatLng( address,
-
function(point) {
-
if (!point) {
-
alert(address + ' non trovato');
-
} else {
-
alert( 'Latitudine = ' + point.lat() + ' Longitudine = ' + point.lng() );
-
}
-
}
-
);
Per completezza mostro anche come eseguire il procedimento inverso, a questo punto. Aggiungendo un evento alla nostra mappa, infatti, è possibile sapere quale siano i valori di Latitudine e Longitudine:
-
GEvent.addListener(map, "click",
-
function( overlay,point ) {
-
var myHtml = "Latitudine = " + point.lat() + " Longitudine = " + point.lng();
-
map.openInfoWindow(point, myHtml);
-
}
-
);
Vedi anche...
- 30.06.08: Photoshop Tutorial: tecniche di riflessione (5)
- 25.06.08: Tecniche di Text Replacement in Flash (0)
- 23.06.08: Tecniche di Text Replacement in HTML/CSS (4)
- 19.06.08: OnAir: scegli il video con il nuovo on-demand (0)
- 17.06.08: PicLens in Flash con Papervision3D 2.0: parte II (1)
14 Maggio 2008 alle 16:58
[...] completo da [...]
17 Giugno 2008 alle 16:14
Ottimo grazie!
3 Luglio 2008 alle 13:35
merci !!!
pour ceux qui developpe en local, vous pouvez utiliser http://localhost pour la demande de cle google