muliple markers new 2

by priyanka tiwari

HTML

<script src="http://maps.google.com/maps/api/js?sensor=false&amp;.js"></script>
<script src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js"></script>
<script src="http://www.kjftw.com/gmap/images/icons/numeric/red10.png"></script>
<div id="map-canvas"></div>

CSS

#map-canvas{
    width: 500px;
    height: 500px;
}

JavaScript

var LocationData = [
    [51.2812668, -0.1035942, "26 E Hastings St, Vancouver" ], 
    [51.2814064, -0.1025187, "71 E Hastings St, Vancouver" ], 
    [51.2812336, -0.1020622, "122 E Hastings St, Vancouver" ], 
    [51.2813564, -0.1012253, "138 E Hastings St, Vancouver" ], 
    [51.2811625, -0.0985032, "242 E Hastings St, Vancouver" ]
];
 
function initialize()
{
    var map = 
        new google.maps.Map(document.getElementById('map-canvas'));
    var bounds = new google.maps.LatLngBounds();
   // var infowindow = new google.maps.InfoWindow();
     
    for (var i in LocationData)
    {
        var p = LocationData[i];
        var latlng = new google.maps.LatLng(p[0], p[1]);
        bounds.extend(latlng);
         
        var marker = new google.maps.Marker({
            position: latlng,
            map: map,
            title: p[2]
        });
     
        
    }
     
    map.fitBounds(bounds);
}
 
//google.maps.event.addDomListener(window, 'load', initialize);
window.onload = initialize;