javascript - 谷歌地图标记在相同位置重叠且用户不可见

Question

我的谷歌地图脚本遇到了问题，其中同一位置上的标记重叠并且对用户不可见。我尝试使用此链接 https://github.com/jawj/OverlappingMarkerSpiderfier 中提供的 OverlappingMarkerSpiderfier 编辑我的脚本。 。但存在重叠问题，没有改善。

下面的函数将弹出窗口与标记绑定(bind)。我已编辑该函数以使用 OverlappingMarkerSpiderfier 删除同一位置中标记的重叠。

function bindInfoWindow(marker, map, infoWindow, contentString)
    {
        var oms = new OverlappingMarkerSpiderfier(map);
        oms.addMarker(marker);
        oms.addListener(marker, 'mouseover', function() {
        infoWindow.setContent(contentString);
        infoWindow.open(map, marker);
        $("#tabs").tabs();
         });
    }

    // highlighting a marker

下面是我编辑的谷歌地图的jsfiddle链接。请告诉我我哪里做错了。

http://jsfiddle.net/7AKuX/11/

Answer 1

您为每个标记创建一个新的 oms 实例，对所有标记使用相同的实例:

http://jsfiddle.net/5VFeJ/