使用传单添加许多标记会降低浏览器的速度

Question

使用传单添加许多标记（10000）会降低浏览器的速度。 标记在每5秒后移动一次。 如何在这种情况下解决性能问题。 注意：Clustermarker有一个问题。跟踪移动标记很困难。

Answer 1

我遇到了同样的问题，我绕过了它，因为1000个标记太多了。

我放了两个事件：

1. 在特定缩放级别上，我查询我的数据库以获得（较少）标记。在参数中，我给出了地图的坐标like this example。提示：我在lat和lng上添加+1和-1以预期第2步
2. 我有一个活动leafletDirectiveMap.mooveend。当这个事件被调用时，我正在做第1步。提示：我在这个事件上超时300ms。

如果您需要显示所有标记，可能在特定缩放上使用热图图层是另一个旁路。

很抱歉，如果这不是你的问题的解决方案，但是，如果你尝试this example，你可以看到10000个标记减慢浏览器。

Answer 2

您使用的是L.marker()吗？我使用L.divIcon()获得了更好的效果。

或者，您可以直接在画布上绘制标记（如Leaflet MaskCanvas中所述）。您还可以更新在画布上绘制的标记。注意：这不是一个即插即用的建议;你必须做一些编码才能使这个想法发挥作用。

以下是此GIS StackExchange question和this other GIS StackExchange question的其他一些想法。