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

时间:2015-10-29 11:12:16

标签: leaflet layer mapbox geojson angular-leaflet-directive

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

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

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

我期待听到您的建议。

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

进行类似的操作

1 个答案:

答案 0 :(得分:1)

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

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

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