带有信息窗口的多个标记映射错误

Question

我有这个工作地图https://jsfiddle.net/m9ugbc7h/4/然后我尝试将多个标记与信息窗口集成，按照本教程http://wrightshq.com/playground/placing-multiple-markers-on-a-google-map-using-api-3/逐步完成，所以现在我得到了这个新版本的地图https://jsfiddle.net/m9ugbc7h/5/但是它不起作用

这里描述我认为添加的代码是如何工作的

这是按顺序显示两个信息窗口的文本

var infoWindowContent = [
    ['<div class="info_content">' +
    '<h3>Ventura</h3>' +
    '<p>Ventura P</p>' +
     '</div>'],
    ['<div class="info_content">' +
    '<h3>Selvatica</h3>' +
    '<p>Selvatica p</p>' +
    '</div>']
];

这会为

之前列出的每个标记添加一个数字

// Loop through our array of markers & place each one on the map  
for( i = 0; i < markers.length; i++ ) {
    var position = new google.maps.LatLng(markers[i][1], markers[i][2]);
    bounds.extend(position);
    marker = new google.maps.Marker({
        position: position,
        map: map,
        title: markers[i][0]
    });

这一个将文本1分配给标记1，将文本2分配给标记2等

 // Allow each marker to have an info window    
    google.maps.event.addListener(marker, 'click', (function(marker, i) {
        return function() {
            infoWindow.setContent(infoWindowContent[i][0]);
            infoWindow.open(map, marker);
        }
    })(marker, i));