Dovrei mettere più gmaps in una stessa pagina ed ognuna avrà diverse coordinate,zoom,contenuto della nuvoletta.
Sto facendo delle prove ma non ne vengo fuori, qui sotto ho messo il codice con cui sto provando, come potrei modificarlo?
grazie
codice:
<html>
<head>
<title>Prova gmaps multiple</title>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">
function inizializza_mappa() {
var coordinate_centro_mappa = new google.maps.LatLng(46.387967, 13.473696);
var opzioni = { zoom: 8, center: coordinate_centro_mappa, mapTypeId: google.maps.MapTypeId.ROADMAP };
var map = new google.maps.Map(document.getElementById("mappa"), opzioni);
var contenuto_nuvoletta = '
Cantami o diva l\'ira funesta del pelide Achille.</p>';
var nuvoletta = new google.maps.InfoWindow({content: contenuto_nuvoletta});
var marker = new google.maps.Marker({ position: coordinate_centro_mappa, map: map, title:"titolo marker" });
google.maps.event.addListener(marker, 'click', function() { nuvoletta.open(map,marker); });
}
</script>
</head>
<body onload="inizializza_mappa()">
<h2>Gmaps multiple</h2>
<div id="mappa" style="width:500px;height:300px;"></div>
</body>
</html>