标记

时间:2016-01-17 13:14:47

标签: javascript google-maps offset overlapping markerspiderfier

背景
我将谷歌地图与clustermarkererplus一起使用,以在地图上显示带有信息块的各种市场类型。为了处理具有完全相同坐标(或非常接近)的标记,通过使用OverlappingMarkerSpiderfier(OMS)为重叠的标记生成偏移。到目前为止,寻找答案只能让我调整偏移线的厚度。

问题
当有许多标记时,OMS给出的偏移量太小。

问题

  • 如何增加偏移量(腿长)?
  • 是否可以依赖于OMS分隔的标记数量是否超过某个值?

示例(显示效果)
Visualisation of what I want to do, increase offset (leg length)

代码
有关OMS的文档,请访问:https://github.com/jawj/OverlappingMarkerSpiderfier //Options I use
    options = {keepSpiderfied:true};

//Creation of the OMS
    new OverlappingMarkerSpiderfier(map, options);

//Click listener
    oms.addListener('click', function(marker, event) {
     //Code for showing infowindows
    });

//Adding marker
    oms.addMarker(marker);

2 个答案:

答案 0 :(得分:6)

OverlappingMarkerSpiderfier通过指定两个不同的选项来调整偏移量(腿长):

  1. circleFootSeparation:“默认值:23”(从圆心偏移)
  2. spiralLengthFactor:“默认值:4”(与螺旋中心偏移成比例的值)
  3. 角度分离也可以针对螺旋进行调整 spiralFootSeparation: “默认:26”

答案 1 :(得分:0)

我不熟悉OverlappingMarkerSpiderfier,所以只做了一些研究并找到了本教程。它还包括' legWeight ',它决定了将蜘蛛标记连接到原始位置的线条的粗细。

以下是Overlapping Marker Spiderfier的链接:https://github.com/jawj/OverlappingMarkerSpiderfier

我希望它对你有所帮助。