var iconBlue = new GIcon(); 
iconBlue.image = 'media/picto/hebergement.png';
iconBlue.iconSize = new GSize(13, 13);
iconBlue.iconAnchor = new GPoint(4, 12);
iconBlue.infoWindowAnchor = new GPoint(5, 1);

var iconOrange = new GIcon(); 
iconOrange.image = 'media/picto/monument.png';
iconOrange.iconSize = new GSize(13, 13);
iconOrange.iconAnchor = new GPoint(4, 12);
iconOrange.infoWindowAnchor = new GPoint(5, 1);

var iconGreen = new GIcon(); 
iconGreen.image = 'media/picto/service.png';
iconGreen.iconSize = new GSize(13, 13);
iconGreen.iconAnchor = new GPoint(4, 12);
iconGreen.infoWindowAnchor = new GPoint(5, 1);

var iconRed = new GIcon(); 
iconRed.image = 'media/picto/dechet.png';
iconRed.iconSize = new GSize(21, 21);
iconRed.iconAnchor = new GPoint(4, 12);
iconRed.infoWindowAnchor = new GPoint(5, 1);

var customIcons = [];
customIcons["hebergement"] = iconBlue;
customIcons["monument"] = iconOrange;
customIcons["service"] = iconGreen;
customIcons["dechet"] = iconRed;
// customIcons[""] = iconWhite;
// purple black

function load(fichier,latitude,longitude,zoom) {
  if (GBrowserIsCompatible()) {
	var map = new GMap2(document.getElementById("map"));
	map.addControl(new GLargeMapControl()); // Controles de zoom et de déplacement
	map.addControl(new GMapTypeControl()); // Affichage des vues : carte, satellite, mixte
	map.addControl(new GOverviewMapControl()); // Miniature en bas à droite
	map.enableScrollWheelZoom(); // Zoom avec la molette de la souris
	map.setCenter(new GLatLng(latitude,longitude), zoom); // Position d'origine de la carte
	http://maps.google.fr/?ie=UTF8&ll=48.105826,-0.084457&spn=0.123569,0.193977&z=12
	GDownloadUrl(fichier, function(data) {
	  var xml = GXml.parse(data);
	  var markers = xml.documentElement.getElementsByTagName("marker");
	  for (var i = 0; i < markers.length; i++) {
		var name = markers[i].getAttribute("name");
		var image = markers[i].getAttribute("image");
		var type = markers[i].getAttribute("type");
		var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
								parseFloat(markers[i].getAttribute("lng")));
		var marker = createMarker(point, name, image, type);
		map.addOverlay(marker);
	  }
	});
  }
}

function createMarker(point, name, image, type) {
  var marker = new GMarker(point, customIcons[type]);
  var html = "<p><b>" + name + "</b></p><p><img src='" + image + "' width='120px' height='90px' /></p>";
  GEvent.addListener(marker, 'click', function() {
	marker.openInfoWindowHtml(html);
  });
  return marker;
}