var map = null;
var geocoder = null;

    function onLoad() {

if (GBrowserIsCompatible()) {

// Red marker icon1
var icon1 = new GIcon();
icon1.image = "img/mm_20_red.png";
icon1.iconSize = new GSize(12, 20);
icon1.iconAnchor = new GPoint(6, 20);
icon1.infoWindowAnchor = new GPoint(5, 1);

// Star icon6
var icon6 = new GIcon();
icon6.image = "img/star.png";
icon6.iconSize = new GSize(15, 15);
icon6.iconAnchor = new GPoint(6, 15);
icon6.infoWindowAnchor = new GPoint(5, 1);

      
map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(1, 1), 1);
map.addControl(new GSmallMapControl());
geocoder = new GClientGeocoder();


var address_ita = 'Milano Milano, Italy';
geocoder.getLatLng(address_ita,		
function(point){
if (point){
map.setCenter(point, 10);
}
}
);



var marker1 = new GMarker(new GPoint(9.190336,45.464161), icon1);
map.addOverlay(marker1);
var html1 = "<img border='0' src='img/milano_3.jpg'><br><font class='corpo1' color='#000000'><b>Piazza Duomo Milano</b></font>";
GEvent.addListener(marker1, "click", function()
{
marker1.openInfoWindowHtml(html1);
});

var marker2 = new GMarker(new GPoint(9.170687,45.466144), icon1);
map.addOverlay(marker2);
var html2 = "<img border='0' src='img/milano_4.jpg'><br><font class='corpo1' color='#000000'><b>Santa Maria delle Grazie</b><br><br><i>Ultima Cena Leonardo da Vinci</i></font>";
GEvent.addListener(marker2, "click", function()
{
marker2.openInfoWindowHtml(html2);
});

var marker3 = new GMarker(new GPoint(9.180302,45.469676), icon1);
map.addOverlay(marker3);
var html3 = "<img border='0' src='img/milano_2.jpg'><br><font class='corpo1' color='#000000'><b>Castello Sforzesco</b></font>";
GEvent.addListener(marker3, "click", function()
{
marker3.openInfoWindowHtml(html3);
});

var marker4 = new GMarker(new GPoint(9.190799,45.465609), icon1);
map.addOverlay(marker4);
var html4 = "<img border='0' src='img/milano_1.jpg'><br><font class='corpo1' color='#000000'><b>Galleria Vittorio Emanuele</b></font>";
GEvent.addListener(marker4, "click", function()
{
marker4.openInfoWindowHtml(html4);
});

var marker5 = new GMarker(new GPoint(9.189769,45.467301), icon1);
map.addOverlay(marker5);
var html5 = "<img border='0' src='img/milano_5.jpg'><br><font class='corpo1' color='#000000'><b>Teatro La Scala</b></font>";
GEvent.addListener(marker5, "click", function()
{
marker5.openInfoWindowHtml(html5);
});

var marker6 = new GMarker(new GPoint(9.153565,45.477677), icon1);
map.addOverlay(marker6);
var html6 = "<img border='0' src='img/milano_6.jpg'><br><font class='corpo1' color='#000000'><b>Fiera Milano</b></font>";
GEvent.addListener(marker6, "click", function()
{
marker6.openInfoWindowHtml(html6);
});


var marker7 = new GMarker(new GPoint(9.079041,45.520698), icon1);
map.addOverlay(marker7);
var html7 = "<img border='0' src='img/milano_7.jpg'><br><font class='corpo' color='#000000'><b>Fiera Rho</b></font>";
GEvent.addListener(marker7, "click", function()
{
marker7.openInfoWindowHtml(html7);
});


var marker8 = new GMarker(new GPoint(9.202785,45.484849), icon1);
map.addOverlay(marker8);
var html8 = "<img border='0' src='img/milano_8.jpg'><br><font class='corpo1' color='#000000'><b>Stazione Centrale FS</b></font>";
GEvent.addListener(marker8, "click", function()
{
marker8.openInfoWindowHtml(html8);
});


var marker9 = new GMarker(new GPoint(9.188025,45.483725), icon1);
map.addOverlay(marker9);
var html9 = "<img border='0' src='img/milano_9.jpg'><br><font class='corpo1' color='#000000'><b>Stazione FS Garibaldi</b></font>";
GEvent.addListener(marker9, "click", function()
{
marker9.openInfoWindowHtml(html9);
});


var marker10 = new GMarker(new GPoint(9.176996,45.468062), icon1);
map.addOverlay(marker10);
var html10 = "<img border='0' src='img/milano_10.jpg'><br><font class='corpo1' color='#000000'><b>Stazione Cadorna FN<br></b></font>";
GEvent.addListener(marker10, "click", function()
{
marker10.openInfoWindowHtml(html10);
});

var marker11 = new GMarker(new GPoint(9.123879,45.480061), icon1);
map.addOverlay(marker11);
var html11 = "<img border='0' src='img/milano_11.jpg' width='174' height='86'><br><font class='corpo1' color='#000000'><b>Stadio San Siro - Ippodromo</b></font>";
GEvent.addListener(marker11, "click", function()
{
marker11.openInfoWindowHtml(html11);
});



var marker14 = new GMarker(new GPoint(9.249909,45.487004), icon1);
map.addOverlay(marker14);
var html14 = "<img border='0' src='img/tangenziale_pic.jpg'><br><font class='corpo1' color='#000000'><b>Tangenziale Est</b><br><br><i>Uscita 8 - Lambrate</i></font>";
GEvent.addListener(marker14, "click", function()
{
marker14.openInfoWindowHtml(html14);
});


var marker20 = new GMarker(new GPoint(9.219675,45.502166), icon6);
map.addOverlay(marker20);
var html20 = "<img border='0' src='img/foto_pic.jpg'><br><font class='corpo1' color='#000000'><b>Planet Residence</b> ***<br>Via Rovigno, 23 - 20125 Milano (MI)</font>";
GEvent.addListener(marker20, "click", function()
{
marker20.openInfoWindowHtml(html20);
});
marker20.openInfoWindowHtml(html20);

     }
  }