向谷歌地图添加信息框

Question

我正试图将一个信息框添加到谷歌地图上的多个引脚中。

我已经有了以前工作的信息框-JSfiddle。

但我现在已经修改了代码，包含了一个下拉菜单。我试着再次添加信息框，但不起作用，我不明白为什么不起作用。JSfiddle。我已经复制并粘贴了信息框的代码，检查了变量名是否仍然匹配，以及代码的顺序是否相同。

下面的代码是将标记添加到地图的地方，我正在尝试添加一个信息框。函数addMarker位于我的初始化函数中。var信息窗口位于初始化功能下方。

function addMarker(feature) {
var marker = new google.maps.Marker({
position: feature.position,
icon: feature.icon,
map: map,
size: 20,
title: name,
draggable: false, 
//animation: google.maps.Animation.DROP
});
google.maps.event.addListener(marker, 'click', (function (marker) {return function () {
var Infocontent = feature.desc;
infowindow.setContent(Infocontent);
infowindow.open(map, marker); //'mouseover'
}
})(marker));
}


var infowindow = new google.maps.InfoWindow();

谁能告诉我哪里出了问题吗？

Answer 1

我刚刚通过创建一个新的fiddle更新了您的代码，现在它显示了信息窗口。我刚刚在监听器定义中移动了您的信息窗口代码。请检查

google.maps.event.addListener(marker, 'click', (function (marker) {return function () {
console.log('called');
var Infocontent = feature.desc;
infowindow = new google.maps.InfoWindow();
infowindow.setContent(Infocontent);
infowindow.open(map, marker); //'mouseover'
}
})(marker));

JSFiddle