Originariamente inviato da blekm
sul bodycodice:<script type="text/javascript"> //<![CDATA[ var geocoder; var map; var address = new Array( "Corso Italia 138, Pisa", "Corso Italia 156, Pisa", "Corso Italia 174, Pisa" ); function load() { map = new GMap2(document.getElementById("map")); map.addControl(new GMapTypeControl()); map.addControl(new GLargeMapControl()); geocoder = new GClientGeocoder(); map.setCenter(new GLatLng(43.716962,10.398345), 15); addMarker(); } function addMarker() { if(address.length>0) { var x = address.shift(); geocoder.getLocations(x, addToMap); setTimeout(addMarker, 1000); } } function addToMap(response) { place = response.Placemark[0]; point = new GLatLng(place.Point.coordinates[1], place.Point.coordinates[0]); marker = new GMarker(point); map.addOverlay(marker); } //]]> </script>
<body onload="load()" onunload="GUnload()">
e devi avere un div #map
<div id="map" style="width: 500px; height: 400px"></div>
PS: sarebbe meglio che tu nel db avessi già i dati (lat/lon) per problemi di velocità di esecuzione della google maps. In questo modo eviti di dover "trasformare" ogni volta un indirizzo in un dato geografico (cosa che viene fatta qua sopra, e ogni marker appare con 1 secondo di ritardo, provare per credere)
Come faccio ad integrare il codice in modo tale che javascript mi faccia comparire la vignetta con l'indirizzo cliccando il relativo marker nella mappa?