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
:
Ver originalmap.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
:
Ver originalvar 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