使用傳單添加許多標記會減慢瀏覽器的速度

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的其他一些想法。