Bucle para marcas en gmap

[BaSingSe]

Estoy usando las librerias gmap.js, http://ajax.googleapis.com/ajax/libs.../jquery.min.js and http://maps.google.com/maps/api/js?sensor=true

La informacion de las marcas vendran desde la base de datos por el momento lo tengo de esta manera

Código Javascript:

map.addMarker({
      lat: 18.49614974639753, // this
      lng: -69.84678268432617, // this
      title: 'xxx',
      animation:google.maps.Animation.BOUNCE,
      infoWindow: {content: '<p>HTML Content</p>'}
  });
 

Y estoy tratando de convertirlo a algo como esto

Código Javascript:

var markers=[
      ['name',18.4705823,-69.8389807],
      ['name2',18.49614974639753,-69.84678268432617],
    ];
var infoWindowContent = [
        ['<div class="info_content"><h3>name</h3><p>content</p></div>'],
        ['<div class="info_content"><h3>name2</h3><p>content</p></div>']
    ];
    for (var i; i < markers.length; i++) {
      point= markers[i];
      map.addMarker({
      position: point,
      title: 'xxx',
      infoWindow: InfoWindowContent,
      animation:google.maps.Animation.BOUNCE
      });
    }
 

Pero cuando agrego ese bucle la marca no aparece solo aparecen los polygonos