// JavaScript Document
//<![CDATA[

    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(40.8439, 14.2597), 15);


// Create a base icon for all of our markers that specifies the
// shadow, icon dimensions, etc.
var baseIcon = new GIcon();
baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
baseIcon.iconSize = new GSize(20, 34);
baseIcon.shadowSize = new GSize(37, 34);
baseIcon.iconAnchor = new GPoint(9, 34);
baseIcon.infoWindowAnchor = new GPoint(9, 2);
baseIcon.infoShadowAnchor = new GPoint(18, 25);

// Creates a marker at the given point with the given number label
function createMarker(point, number) {
  var marker = new GMarker(point);
  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(number);
	//marker.openInfoWindowHtml("Attracco Molo Agioino <br> Stazione Marittima");
  });
  return marker;
}

// Add 10 markers to the map at random locations
var bounds = map.getBounds();
var southWest = bounds.getSouthWest();
var northEast = bounds.getNorthEast();
var lngSpan = northEast.lng() - southWest.lng();
var latSpan = northEast.lat() - southWest.lat();
//for (var i = 0; i < 5; i++) {
  var point1 = new GLatLng(40.8423, 14.2577);
  var point2 = new GLatLng(40.8421  , //posizione asse Y su e giu con numero minore scende
                          14.2599 );// posizione asse X destra e sinidtra
  var point3 = new GLatLng(40.8416, 14.2576);
  var point4 = new GLatLng(40.8454, 14.2628);
  map.addOverlay(createMarker(point1, "Varco Auto: <br>Immacolatella Vecchia"));
   map.addOverlay(createMarker(point2, "Attracco:<br> Molo Angioino - Stazione Marittima"));
   map.addOverlay(createMarker(point3, "Biglietteria / Ticket Office"));
   map.addOverlay(createMarker(point4, "Varco Mezzi Pesanti:<br> Varco Pisacane"));
   
//}
      }
    }

    //]]>