title: Struggling with array of markers for Google Maps API
body: <p>I started to list my markers individually for my Google Map, but quickly realised this was 
  inefficient. I have tried to create an array to put the markers onto my map, but it is not showing anything, can you see where I have gone wrong?</p>
  
  <pre><code>function initialize() {
          var latlng = new google.maps.LatLng(52.474, -1.868);
  
          var myOptions = {
              zoom: 11,
              center: latlng,
              mapTypeId: google.maps.MapTypeId.ROADMAP
          };
  
          var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
          var image = 'i/hotel-map-pin.png';
  
          var hotels = [
              ['ibis Birmingham Airport', 52.452656, -1.730548, 4],
              ['ETAP Birmingham Airport', 52.452527, -1.731644, 3],
              ['ibis Birmingham City Centre', 52.475162, -1.897208, 2]
          ];
  
          for (var i = 0; i &lt; hotels.length; i++) {
              var marker = new google.maps.Marker({
                  position: hotels[1],
                  map: map,
                  icon: image,
                  title: hotels[0],
                  zIndex: hotels[2]
              });
          }
      }
  </code></pre>
  
  <p>Thanks.</p>