javascript - 谷歌地图 API gm_bindings_ undefined

Question

我正在制作 map 下方标记的列表，当用户单击它时，它应该显示该标记，但实际上没有。我收到一个控制台错误:Uncaught TypeError: Cannot read property 'gm_bindings_' of undefined

现在我被困住了，向你寻求帮助。

部分代码:

var infowindow = new google.maps.InfoWindow();
map.addMarkers(allMarkers);
jQuery(document).on('click','.address',function(){
        marker = allMarkers[this.id];
        infowindow.open(map, marker); //The error occurs on this line.
});

fiddle - http://jsfiddle.net/5nxbd7o2/1/

在控制台中查看错误。

Answer 1

问题是您使用的是 gmaps3，而不是直接使用 Google Maps Javascript API v3。您的 map 变量是 GMap对象，而不是 google.maps.Map 对象。

working fiddle

改变这个:

jQuery(document).on('click','.address',function(){
    marker = allMarkers[this.id];
    console.log(marker);
    infowindow.open(map, marker);
});

收件人:

jQuery(document).on('click', '.address', function () {
    marker = allMarkers[this.id];
    console.log(marker);
    marker.infoWindow.open(map.map, marker);
    // will center the map on the marker
    map.map.setCenter(marker.getPosition());
});

注意我还修改了打开信息窗口的代码。

如果你想取消标记的聚类，你还需要添加代码来放大:

map.map.setZoom(20);

fiddle that does that