Google会在相同位置重叠标记,并且对用户不可见

时间:2014-02-12 08:34:56

标签: javascript jquery css google-maps google-maps-api-3

我的谷歌地图脚本出现问题,其中同一位置的标记重叠且用户不可见。我尝试使用此链接https://github.com/jawj/OverlappingMarkerSpiderfier中提供的OverlappingMarkerSpiderfier编辑我的脚本。但存在重叠问题。没有任何改进。

下面的函数用弹出窗口绑定标记。我编辑了函数,使用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/

2 个答案:

答案 0 :(得分:2)

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

http://jsfiddle.net/5VFeJ/

答案 1 :(得分:0)

Google地图开发人员api提供了一种聚类方法,可以查看重叠的标记及其内容。请参阅this link,否则请使用OverlappingMarkerSpiderfier