codice:
google.maps.event.addDomListener(window, 'load', init);
var markers = [
['Via Fonteiana', 41.8837781, 12.455300899999997],
['Via Ugo Arnaldi', 41.8526032, 12.467613],
etc.
];
function init() {
var mapOptions = {
zoom: 13,
center: new google.maps.LatLng(41.9000, 12.5000), // Rome
disableDefaultUI: true, // controls disables
mapTypeId: google.maps.MapTypeId.ROADMAP,
styles:
[{"featureType":"landscape","elementType":"labels","stylers":[{"visibility":"off"}]
},{"featureType":"transit","elementType":"labels","stylers":[{"visibility":"off"}]
},{"featureType":"poi","elementType":"labels","stylers":[{"visibility":"off"}]
},{"featureType":"water","elementType":"labels","stylers":[{"visibility":"off"}]
},{"featureType":"road","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"stylers":[{"hue":"#00aaff"},{"saturation":-100},{"gamma":2.15},{"lightness":12}]
},{"featureType":"road","elementType":"labels.text.fill","stylers":[{"visibility":"on"},{"lightness":24}]
},{"featureType":"road","elementType":"geometry","stylers":[{"lightness":57}]}]
};
var mapElement = document.getElementById('map');
var map = new google.maps.Map(mapElement, mapOptions);
var infowindow = new google.maps.InfoWindow();
var marker, i;
for (i = 0; i < markers.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(markers[i][1], markers[i][2]),
map: map
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(markers[i][0]);
infowindow.open(map, marker);
}
})(marker, i));
}
}