//*******************************************************************************
// 2007 Copyright Francesco Maria Magnini Perugia (Italy)
// Triweb (r) Trademark 2007 Francesco Maria Magnini
// File:     mappare.js
// Author:   Francesco Maria Magnini mailto:francesco.magnini@triweb.it
// Date:     10-05-2007
//*******************************************************************************
// This is free software; you can redistribute it and/or modify it under the terms
// of the GNU General Public License as published by the Free Software Foundation.
// It is illegal to remove or tamper with the notices at the top of each file,
// or this file, or the license file.
//*******************************************************************************

var map, bounds, ne, sw, point, zoom, infowindow;
var v_nodes = new Array();

window.onload = function() {
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("map"));
		map.setCenter(new GLatLng(43.076255,12.516861), 14);
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());

		v_nodes.length = 0;
		var k=0;
		var markers = new Array();
		markers[k]= new Array();
		markers[k]["lat"] = 43.076255;
		markers[k]["lon"] = 12.516861;
		markers[k]["titolo"] = "Gru Point s.n.c.";
		markers[k++]["html"] = "<div id=\"nuvoletta\"><h4>Gru Point</h4><img class=\"left\" src=\"/images/contatti.jpg\" width=\"80\" /><p>Viale Europa<br>06080 Loc.Ospedalicchio (PG)<br>075 8011873<br><br><br><br></p></div>";
// nuvoletta con link per indicazioni stradali		
//		markers[k++]["html"] = "<div id=\"nuvoletta\"><h4>Gru Point</h4><img class=\"left\" src=\"/images/contatti.jpg\" width=\"80\" /><p>Viale Europa<br>06080 Loc.Ospedalicchio (PG)<br>075 8011873<br><br><a href=\"http://maps.google.it/maps?f=l&hl=it&geocode=&q=grupoint&near=ospedalicchio+pg&ie=UTF8&ll=43.076255,12.516861&spn=0.00461,0.008476&z=17&iwloc=A&om=1\">Maggiori informazioni stradali</a></p></div>";


		for (var i=0; i<markers.length; i++) {
			var lat = parseFloat(markers[i]["lat"]);
			var lng = parseFloat(markers[i]["lon"]);
			var point = new GLatLng(lat, lng);
			var html = markers[i]["html"];
			var contatore = i;	
			var label = markers[i]["titolo"];
			
			var marker = createMarker(point, html, false);
		
			v_nodes.push(new node(marker, html, contatore,  label));
			map.addOverlay(marker);
		}

		v_nodes[0].marker.openInfoWindowHtml(v_nodes[0].html);
		
	} else {
		alert("Le Google Maps API non sono compatibili con questo browser");
	}
}

window.onunload = function() {
	GUnload();
}


function createMarker(point, html, draggable) {
	var marker;
	var casaIcon = new GIcon();
	casaIcon.iconSize = new GSize(32,32);
	casaIcon.shadowSize = new GSize(59,32);
	casaIcon.iconAnchor = new GPoint(16,32);
	casaIcon.infoWindowAnchor = new GPoint(16,0);
	casaIcon.image = "http://www.grupoint.it/images/map/icon31.png";
	casaIcon.shadow = "http://www.grupoint.it/images/map/icon31s.png";
	marker = new GMarker(point, {icon:casaIcon, draggable: draggable});
	GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml(html);
	});	
	return marker;
}

function node(marker, html, contatore, label) {
	this.marker = marker;
	this.html = html;
	this.contatore = contatore;
	this.label = label;
}






















    <div id="map" style="width: 500px; height: 500px; text-align:center; position:relative; left:23px;"></div>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAATcJLAYIV0X-67sRPYBEygRQwFHkx2dyQUpSIiWR5_Qcr9-tNUxT7l1rIVQwtFiN--duQd3VCxMt_4A"
      type="text/javascript"></script>
	<script type="text/javascript">
    //<![CDATA[
    function load() {
      if (GBrowserIsCompatible()) {
      var map = new GMap2(document.getElementById("map"));
			var point = new GLatLng(45.5037,8.8913);
			map.addControl(new GLargeMapControl());	      
			map.addControl(new GMapTypeControl());
			map.setCenter(point, 12);

			var pippoIcon = new GIcon();
			pippoIcon.iconSize = new GSize(32,32);
			pippoIcon.iconAnchor = new GPoint(16,32);
			pippoIcon.infoWindowAnchor = new GPoint(16,0);
			pippoIcon.image = "/images/hotel-icon.png";

			var marker = new GMarker(point, {icon:pippoIcon});
			var html = "<h2 style='color: #281754; margin: 0; width:250px; float:none;'>Hotel Eden</h2> <p style='color: #272C2B;'> Via Cesare Caporali, 9 <br />06123 Perugia (PG)<br />Tel. 075 572 8102</p>";
			
			GEvent.addListener(marker, "click", function() {
			   marker.openInfoWindowHtml(html);
			});
			map.addOverlay(marker);

      }
    }

    //]]>
    </script>
	
<script>
	load();
</script>