Inserire una mappa sul sito usando l’indirizzo

21 Maggio 2008 by

Giovanni | Argomenti: google maps, geocoder, coordinate satellitari, coordinate | 4093

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 |

Senamion

Chi siamo:

Categorie:

Cerca:

Archivi:

I più letti

Inserire una mappa sul sito usando l’indirizzo

Scrivi un commento