function initialize() { var mapOptions = { zoom: 13, center: new google.maps.LatLng(18.314114582548655, -65.29294967651367), mapTypeId: google.maps.MapTypeId.SATELLITE } var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions); var transitLayer = new google.maps.TransitLayer(); transitLayer.setMap(map); setMarkers(map, beaches); } var beaches = [ ['Flamenco Beach',18.328088387308334,-65.318012237548830,'
Flamenco Beach
Flamenco Beach
','blue'], ['Tamarindo Beach',18.318443323465660,-65.317840576171880,'
Tamarindo Beach
Tamarindo Beach
','blue'], ]; function setMarkers(map, locations) { var shadow = new google.maps.MarkerImage('http://viennasapartments.com/images/mm_20_shadow.png', new google.maps.Size(22, 20), new google.maps.Point(0,0), new google.maps.Point(6, 20)); for (var i = 0; i < locations.length; i++) { var beach = locations[i]; var myLatLng = new google.maps.LatLng(beach[1], beach[2]); var image = new google.maps.MarkerImage('http://viennasapartments.com/images/mm_20_'+beach[4]+'.png', new google.maps.Size(12, 20), new google.maps.Point(0,0), new google.maps.Point(6, 20)); var aptMarker = new google.maps.Marker({ position: myLatLng, map: map, shadow: shadow, icon: image, title: beach[0], content: beach[3] }); var infowindow = new google.maps.InfoWindow({ //content: beach[0] }); google.maps.event.addListener(aptMarker, 'click', function() { infowindow.setContent(this.content); infowindow.open(map,this); }); } } google.maps.event.addDomListener(window, 'load', initialize);