title: Unable to mark more than one coordinate in Google Maps
body: <p>Below is the code listed to set markers in Google Maps. But only one marker is being set whereas four markers should be set.</p>
  
  <p>What is wrong with this code?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta name="viewport" content="initial-scale=1.0, user-scalable=no" /&gt;
  &lt;style type="text/css"&gt;
    html { height: 100% }
    body { height: 100%; margin: 0px; padding: 0px }
    #map_canvas { height: 100% }
  &lt;/style&gt;
  &lt;script type="text/javascript"
      src="http://maps.google.com/maps/api/js?sensor=false"&gt;
  &lt;/script&gt;
  &lt;script type="text/javascript"&gt; 
  var locations = [
  [4, -33.890542, 151.274856,'Town1', 'Page1.aspx'],
  [3, -33.923036, 151.259052,'Town2', 'Page1.aspx'],
  [2, -34.028249, 151.157507,'Town3', 'Page1.aspx'],
  [1, -33.80010128657071, 151.28747820854187,'Town4', 'Page1.aspx']
  ];
  &lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
      function initialize() {
              var myOptions = {
                  zoom: 10,
                  center: new google.maps.LatLng(-33.9, 151.2),
                  mapTypeId: google.maps.MapTypeId.ROADMAP
              }
              var map = new google.maps.Map(document.getElementById("map_canvas"),
                                  myOptions);
  
              setMarkers(map, locations);
          }
  
          /**
          * Data for the markers consisting of a name, a LatLng and a zIndex for
          * the order in which these markers should display on top of each
          * other.
          */
  
  
          function setMarkers(map, locations) {
              debugger;
              for (var i = 0; i &lt; locations.length; i++) {
                  var location = locations[i];
                  if (location != undefined) {
                      var myLatLng = new google.maps.LatLng(location[1], location[2]);
                      var marker = new google.maps.Marker({
                          position: myLatLng,
                          map: map,
                          title: location[3],
                          zIndex: location[0]
                      });
                  }
  
                  var latlngbounds = new google.maps.LatLngBounds();
                  for (var i = 0; i &lt; locations.length; i++) {
                      var location = locations[i];
                      if (location != undefined) {
                          var point = new google.maps.LatLng(location[1], location[2]);
                          latlngbounds.extend(point);
                      }
                  }
                  map.setCenter(latlngbounds.getCenter());
              }
          }
  
  
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body onload="initialize()"&gt;
    &lt;div id="map_canvas" style="width:100%; height:100%"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>