Tutorials » Sviluppo » Javascript » Internet » Ajax

Google Maps: come ottenere Latitudine e Longitudine da un indirizzo

mercoledì 14 maggio, 2008

Anche 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:

1
<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:

1
2
3
4
5
6
7
8
9
10
11
12
13
// 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:

1
2
3
4
5
6
GEvent.addListener(map, "click",
    function( overlay,point ) {
        var myHtml = "Latitudine = " + point.lat() + " Longitudine = " + point.lng();
        map.openInfoWindow(point, myHtml);
    }
);

Post correlati

Questo articolo ti è stato utile?: Per nientePocoAbbastanzaMoltoMoltissimo
Loading ... Loading ...

Tags: , , , ,

8 commenti a: “Google Maps: come ottenere Latitudine e Longitudine da un indirizzo”

  1. 14 mag, 2008 Google Maps: come ottenere Latitudine e Longitudine da un indirizzo | FDS:

    [...] completo da [...]

  2. 17 giu, 2008 k8:

    Ottimo grazie!

    Rispondi Quota
  3. 03 lug, 2008 ced:

    merci !!!
    pour ceux qui developpe en local, vous pouvez utiliser http://localhost pour la demande de cle google

    Rispondi Quota
  4. 14 lug, 2008 Michele:

    grazie per l’aiuto.

    Rispondi Quota
  5. 11 apr, 2009 Marco:

    Ancora più semplice e completamente in automatico è:
    http://mygeoposition.com

    Rispondi Quota
  6. 30 dic, 2009 arance:

    Grazie stavo cercando proprio questo

    Rispondi Quota
  7. 05 mag, 2010 Come ottenere Latitudine e Longitudine in Objective-C | Undolog.com:

    [...] ad esempio, è possibile utilizzare il servizio di Geocoding fornito da Google e discusso in Google Maps: come ottenere Latitudine e Longitudine da un indirizzo. Su Apple iPhone, o iPad, è possibile tuttavia superare l’ostacolo utilizzando in modo [...]

  8. 29 lug, 2010 Ghe:

    Premetto che sono un principainte.
    Sto cercando di inserire nel miosito la mappa di google, ottenendo latitudine e longitudine con l’oggetto GClientGeocoder.
    Ma non ho capito come fare….

    E’ possibile avere un esempio completo partendo da

    e finendo a

    GRAZIE per l’aiuto!

    Rispondi Quota

Lascia un commento

TAG XHTML PERMESSI: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> INSERIMENTO CODICE: 
<pre></pre>                                  // blocco generico
<code></code>                                // blocco generico
[cc_actionscript][/cc_actionscript]          // Actionscript
[cc_actionscript3][/cc_actionscript3]        // Actionscript 3
[cc_css][/cc_css]                            // CSS Style Sheet
[cc_html][/cc_html]                          // HTML
[cc_js][/cc_js]                              // Javascript
[cc_objc][/cc_objc]                          // Objective-C
[cc_php][/cc_objc]                           // PHP
[cc_sql][/cc_sql]                            // SQL