Inserire una mappa sul sito usando l’indirizzo

21 Maggio 2008 by

Giovanni | Argomenti: none | 5419

Negli articoli riguardanti google maps abbiamo visto, tra l’altro, come inserire una cartina di google maps partendo dalle coordinate satellitari.

Adesso cerchiamo invece di risolvere lo stesso problema senza avere le coordinate satellitari ma solo l’indirizzo del punto che vogliamo visualizzare / centrare.
Ci verrà in aiuto la funzione geocoder di google maps che permette proprio di trasformare le coordinate satellitari in punti sulle mappe.

Ecco quindi il codice javascript da inserire subito dopo l’include del codice google maps (con relativa chiave) ottenibile sul sito di google maps.

<script type="text/javascript">
//<![CDATA[

//
// Traduce indirizzo inserito in coordinate tramite GeoCoder
//
function showAddress(address) 
{
geocoder.getLatLng(address,
  function(point)
  {
    if (!point)
    {
      alert(address + " non trovato!");
    }
    else
    {
      map.setCenter(point, 16);
      // Crea il marker
      map.addOverlay(new GMarker(point));
    }
  });
}

//
// FUNZIONE DA RICHIAMARE NELL'Onload del BODY
//
function load() 
{
if (GBrowserIsCompatible()) 
  {
  // Crea mappa
  map = new GMap2(document.getElementById("map"));
  // Creo GeoCoder
  geocoder = new GClientGeocoder();
  
  // VISUALIZZA L'INDIRIZZO DI PARTENZA
  showAddress("Roma");

  // Visualizza controlli - TIPO MAPPA
  map.addControl(new GMapTypeControl());
    
  // Visualizza controlli - ZOOM GRANDE
  map.addControl(new GLargeMapControl());
  }
}
//]]>
</script>

Nel codice dove è presente la funzione: showAddress(”Roma”); è possibile inserire qualsiasi indirizzo, se google lo riconoscerà valido ci centrerà la mappa su quell’indirizzo e ci inserirà un segnalino.

Prima di concludere bisogna modificare il body:

<body onload="load()" onunload="GUnload()">

E infine inserire il blocco della mappa nel punto del proprio sito che si desidera:

<div id="map" style="width: 600px; height: 450px;"></div>

Avremo ottenuto una mappa satellitare sul nostro sito conoscendo solo l’indirizzo di interesse.

Pubblicato in Di google un po', Google Maps |

3 Commenti a “Inserire una mappa sul sito usando l’indirizzo”

Claudio Carcassi scrive:
7 Febbraio 2011 alle 18:53
Salve, ho provato lo script funziona tutto ma non visualizza le coordinate… dove sto sbagliando ?
Giovanni scrive:
8 Febbraio 2011 alle 20:50
Questo script mette la mappa sull’indirizzo, non era previsto per visualizzare le coordinate. Qui se si vogliono sapere le coordinate del proprio indirizzo: http://www.senamion.it/calcolo_coordinate_satellitari.html
Claudio Carcassi scrive:
9 Febbraio 2011 alle 09:26
Salve Giovanni, vorrei inserire lo script presente su Vostro sito (http://www.senamion.it/calcolo_coordinate_satellitari.html)
per far calcolare ai miei clienti le coordinate dall\’indirizzo al momento dell\’iscrizione. L\’ho inserito… http://www.edilsinergica.it/senza.asp … ma non visualizza le coordinate. Mi piacerebbe farlo funzionare, puoi aiutarmi ?

Senamion

Chi siamo:

Categorie:

Cerca:

Archivi:

I più letti

Inserire una mappa sul sito usando l’indirizzo

3 Commenti a “Inserire una mappa sul sito usando l’indirizzo”

Scrivi un commento