问题标签 [markerspiderfier]

我尝试使用包 agm-oms（https://www.npmjs.com/package/agm-oms）在谷歌地图上实现标记蜘蛛。我按照（https://github.com/SebastianM/angular-google-maps/pull/1329）中的说明进行操作。

现在，spiderfier 中的标记相互重叠。我希望找到一种方法来设置marker spiderfier的图标，这样：在点击marker spiderfier之前，图标就像一个marker cluster（其中包含图标中的marker数量）。单击蜘蛛生成器后，蜘蛛生成器中的每个标记都会显示自己的图标。关于如何实现上述功能的任何想法？非常感谢您的帮助。

我正在使用react-native-maps,react-native-maps-super-cluster将标记彼此相邻地聚集在一起，这在缩小时效果很好，但是，我有一些标记在最大缩放时与其他标记重叠。

OverlappingMarkerSpiderfier解决了这个反应但是，我没有找到反应原生的运气。 React Native Maps 重叠标记

有类似的东西react-native-maps吗？

编辑

这就是我最初想出的，在圆周上分开重叠的标记。重叠标记=>圆周上的分隔标记

我们的设置

我们有一个L.map ，其中包含从跨越一个月的动态事件数组加载的L.markers的各个层。许多列出的场地在任何给定时期都会举办许多活动，因此我们最终会使用我们从 CDN 运行的OMS-Leaflet 插件 (0.2.6)很好地共享许多标记共享位置

根据星期几或事件是否已确认/到期，每个标记被放入几个标记层之一，例如，这是一个周末：

我花了一段时间才弄清楚如何正确堆叠标记，以便它们以特定顺序显示（1.即将到来的标记，2 . 其他未来的日期标记和3.任何过期的标记，如果适用）使用zIndexOffset作为带来前（ )方法不支持 L.markers。

​</p>

问题

我们根据需要加载和堆叠所有东西，并且在我们unspiderfy / spiderfy之前一切正常。当标记被重新蜘蛛化时，最终位于顶部的标记不是最初显示的标记。

我查看了所有 OMS 问题，而不仅仅是OMS-Leaflet （即Google Maps API v3 的 OMS 版本），并发现了一些似乎暗示类似问题的已关闭问题：

OMS 应该记住标记 #76 z-Indices reset #117 的原始 zIndex （之前的修复关闭了这个）

现在据我所知，这些相关的修复似乎已应用于OverlappingMarkerSpiderfier/1.0.2/oms.js（我想现在也是 1.0.3），但可能不是OverlappingMarkerSpiderfier -Leaflet/0.2.6/oms。 js版本。

无论如何，我们随后为解决上述问题所做的努力似乎确实在一定程度上解决了 zIndex，但并未克服与 OMS spiderfy 相关的堆叠问题。

​</p>

我们尝试了什么

决定调整我的标记选项以保留原始 zIndexOffset设置L.marker([lat, lon], {... zIndexOffset: mIndex, mDay: mDay}) ，并查看使用保留值重置 zIndex 是否可以解决我的堆叠问题

可悲的是，尽管它似乎保留了unspiderfy / spiderfy之前和之后的标记的 zIndex 值，但最终保留在顶部的标记不是之前的那个，也不是提供的 zIndex 计数最高的那个（addListener for spiderfy） .

我在以下jsfiddle上重新创建了我们网站功能的精简版本，控制台记录了 spiderfy前后初始标记的 zIndexes：

#2最初是活动项目

蜘蛛飞

蜘蛛侠

#3现在是spiderfy/unspiderfy 之后的活动项目（请参阅下面的最终元素）

​最终 标记元素

据我所知，无法弄清楚具有先前较低 zIndex 的项目 3（与项目 2 相比）如何以新的z-index: 5218结束，恰好是相同的与第 2 项一样的新 z-index 值！

​​​我在 gitHub 上将此作为 bug 发布，但现在我不太确定这是 OMS-Leaflet 的 bug。所以我也在这里发帖。这是显示问题的小提琴：

https://jsfiddle.net/magicmb/17j2z4gy/

​​​环境特定版本：leaflet.js (1.6.0)、Leaflet.awesome-markers (2.0.2)、OverlappingMarkerSpiderfier-Leaflet (0.2.6)

以前的问答提供了一个很好的例子，说明我希望用地图做什么，但是当我将部分集成到我自己的页面中时，我显然遗漏了一些东西，因为我不断收到错误并且看不到我在哪里我错了。

以前的问答：

使用 MarkerClusterPlus 和 OverlappingMarkerSpiderfier 重叠指针

我正在制作一个定向路线的页面，该路线具有沿路线/折线的给定距离处的航点和聚集标记。它按原样工作得很好，但结冰将是 Spiderfied 聚集标记。

到目前为止，这是我的代码：

我有一张地图和那张地图上的一些标记。我用过传单 js。有时多个标记位于同一地理位置。出于这个原因，一些标记被隐藏了。所以为了防止我使用Overlapping Marker Spiderfier for Leaflet。如果解决了这个隐藏的问题。

我将我的开始标记添加到 oms 如下，

但实际上我的标记是连接标记。这意味着一个标记用于开始位置，一个标记用于停止位置。所以总会有 start-strop 指示标记。因此，每当我单击开始标记时，都会有一个功能，它会转到停止标记。由于我必须使用重叠标记蜘蛛，我不得不删除该功能。

在删除功能之前是这样的，

在 oms 中有一个点击事件，所以我在下面添加了上面的代码，

但它不起作用。它的作用是当我单击任何开始标记时，每个开始标记都会指向同一个停止标记。但它应该去他们各自的停止标记。所以我需要知道的是如何做到这一点oms.addListener？

我在网页上使用 Google Maps API for Javascript。从我在其他地方找到的示例中使用 Lat/Lng 从数组中创建多个标记，并使用重叠标记蜘蛛和标记集群来实现它们的预期用途。

我的问题是标记在去蜘蛛化/去集群时仍然相互重叠。单击重叠的标记正确地蜘蛛化它们并显示每个。这让最终用户感到困惑，因为他们不知道某些标记被隐藏/重叠并且不点击。

我尝试在 spiderfier 中使用 Nudge 选项，但它们似乎没有效果。

任何想法如何防止这些重叠的标记？为了清楚起见，我正在尝试解决下面第二个屏幕截图中显示的问题，其中标记重叠，但应稍微向一侧轻推以显示多个标记。