leaflet - 使用 Leaflet 处理数千个标记的最佳实践

Question

我正在结合 Leaflet 使用 HTML map 进行一些测试。 .服务器端我有一个 Ruby Sinatra 应用程序，它提供由 MySQL 表获取的 json 标记。使用 2k-5k 和可能更多标记的最佳实践是什么？

首先加载所有标记，然后将所有内容委托(delegate)给 Leaflet.markercluster .

每次 map 视口(viewport)更改时加载标记，将西南和东北指向服务器，详细说明剪辑服务器端，然后将标记缓冲区客户端与服务器获取的条目同步(我现在正在做的事情)。

上述两种方法的混合。

谢谢，
卢卡

Answer 1

自从我最初发布问题并成功通过以来已经过去了几个月!

正如@Brett DeWoody 正确指出的那样，正确的方法是与屏幕上的 od DOM 元素的数量严格相关(我主要指的是标记)。如果您的设备速度更快(尤其是 CPU)，则越多越好。由于我正在开发的应用程序将台式机和平板电脑作为目标设备，因此 CPU 是一个相关因素，就像不同地理区域的标记密度一样。

我决定将 DBase 查询/获取和 map 表示/显示分开。基本上，用户调整控件/输入以过滤整个数据集，然后获取记录并 Leaflet.markercluster做代表的工作。当过滤器被修改时，循环重新开始。用户可以根据自己的 CPU 能力选择集群化的 map 缩放级别。

在我的特定场景中，上面提到的代表了最好的方法(由 console.time 验证)。我发现视口(viewport)优化适用于标记密度较低的区域(可惜)。

希望它可能会有所帮助。

干杯，
卢卡