PHPBBIntegrare PHPBB PHPFunzioni PHP CFunzioni C EcologiaLa mia ecologia   Chi siamoChi è Senamion HomeHome page corner Il Web e l'ecologia

Senamion


Chi siamo:

Il web e l'ecologia, condividere il web e un momento di riflessione sullo stato dell'ecologia e sul suo futuro

Google

Inserire una mappa sul sito usando l’indirizzo

21 Maggio 2008 by Giovanni | Argomenti: none | 9501

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”

  1. Claudio Carcassi scrive:

    Salve, ho provato lo script funziona tutto ma non visualizza le coordinate… dove sto sbagliando ?

  2. Giovanni scrive:

    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

  3. Claudio Carcassi scrive:

    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 ?

Scrivi un commento