如何从30,000多个点创建Leaflet地图图层？

Question

我正在构建一个地图应用程序，我必须显示其用户群的数量。 我有30,000多个坐标，我想知道在不影响性能的情况下显示它们的最佳方法是什么。

我认为创建自定义图块/图层是最好的方法，但还没有找到如何做到这一点。我看过Mapbox但没找到我要找的东西。

该应用目前正在使用Leaflet和Angular-leaflet-directive。

我期待听到您的建议。

编辑：我正在尝试以视觉效果http://tombatossals.github.io/angular-leaflet-directive/examples/0000-viewer.html#/paths/3000-items-example

进行类似的操作

Answer 1

谈到“密度”，你可能有兴趣展示热图（见heat maps plugins）。 Heatmap.js可能符合您的需求，因为它宣传能够管理40k +数据点。

如果您仍然需要访问每个单独的点，您会对clustering plugins更感兴趣。最受欢迎的一个是MarkerCluster，但当前版本的初始化（几秒钟）点数有点慢。应尽快发布下一个版本，以解决此性能问题。如果您迫不及待，请尝试PruneCluster，它速度要快得多，但它没有动画效果。

话虽这么说，你仍然需要下载这些30k +点才能显示它们（通过聚类或热图），所以要确保你的数据是精益的！另一种解决方案是在服务器端生成热图贴图。