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

Question

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

Answer 1

我想同样的问题，我绕过它，因为1000标记是太多的信息。

我把两个事件：

1. 在特定缩放级别，我查询我的数据库有（少）标记。在论点中，我给出了地图的坐标like this example。提示：我在lat和lng上添加+1和-1以预测步骤2
2. 我有一个事件leafletDirectiveMap.mooveend。当这个事件是打电话的时候，我正在做第一步。提示：我会在这个事件中用300ms超时。

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

对不起，如果它不是你的问题的解决方案，但是，如果你尝试this example，你可以看到10000标记放缓浏览器。

Answer 2

你使用的是L.marker()？我用L.divIcon()获得了更好的性能结果。

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

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