leaflet - 在leafletjs中绘制140K点

Question

我是传单的新手。已经在 cesiumjs 上工作了一段时间，我们现在正在尝试传单。切换的主要原因是看是否存在巨大的性能差异。

在 Cesium 中，我绘制了一组原始点。在leafletjs中绘制140K点的最有效方法是什么？使用标记还是创建单独的小圆圈？

我也在考虑使用集群插件 ( http://leafletjs.com/2012/08/20/guest-post-markerclusterer-0-1-released.html )，所以请分享关于性能的任何想法。

Answer 1

您有 2 个常用选项:

在基于 Canvas 的图层中显示您的点，例如使用圆形标记和强制 rendering them on a Canvas而不是 SVG(另见 Leaflet MaskCanvas plugin)。即使在 Canvas 上，圆形标记仍会发出事件，因此您可以检测 "click"等

使用 clustering plugin , 喜欢 Leaflet.markercluster plugin例如你提到的。它可以处理您的 140k 点，具体取决于客户端的计算机性能(参见 https://github.com/Leaflet/Leaflet.markercluster#handling-lots-of-markers 和演示 http://leaflet.github.io/Leaflet.markercluster/example/marker-clustering-realworld.50000.html 50k 点，但请注意，该演示使用的是旧版本的插件，而当前版本更快)。

尝试在没有 Canvas 或聚类的情况下显示 140k 点肯定会导致浏览器崩溃。