<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Geocoding gmaps</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&sfgdata=+sfgRmluamFuX1R5cGU9amF2YV9zY3JpcHQmRmluamFuX0xhbmc9dGV4dC9qYXZhc2NyaXB0+a"></script>
<script type="text/javascript">
var geocoder;
var map;
descrizioni
= new Array();
//popolamento vettori
indirizzi[0]="Via Giuseppe, Taurisano, Italia";
descrizioni[0]="Qui sono nato e cresciuto";
indirizzi[1]="via Pascoli, Taurisano, Italia";
descrizioni[1]="Qui ho fatto le elementari";
indirizzi[2]="via martiri d'otranto, taurisano, italia";
descrizioni[2]="Qui ho fatto le medie";
lunghciclo = descrizioni.length; //variabile di appoggio contenente il numero di elementi del vettore
function visualizzamappa() {
geocoder = new google.maps.Geocoder();
var opzioni = {zoom: 15, mapTypeId: google.maps.MapTypeId.ROADMAP }
map = new google.maps.Map(document.getElementById("map_canvas"), opzioni);
// ciclo FOR che attiva la funzione di geocoding per ogni elemento del vettore indirizzi[x]
for (var x=0; x<lunghciclo; x++)
{ codifica_indirizzi(indirizzi[x], descrizioni[x]); }
}
// funzione che effettua il geocoding dell'indirizzo stradale e crea il relativo marker completo di descrizione
function codifica_indirizzi(indirizzi, titolo)
{
geocoder.geocode({ 'address': indirizzi}, function(results, status)
{
map.setCenter(results[0].geometry.location);
var marker = new google.maps.Marker
({ map: map,
position: results[0].geometry.location,
title: titolo });
});
}
</script>
</head>
<body style="margin:5px; padding:5px;" onload="visualizzamappa()">
<div id="map_canvas" style="width:60%; height:70%"></div>
</body>
</html>
