使用Leaflet可视化大型数据集

当使用Leaflet可视化大型数据集（具有10,000个点特征的GeoJSON）时，浏览器崩溃或挂起就不足为奇了。来自同一数据集的1000个要素的子样本可以完美地工作。不幸的是，我无法共享数据集供其他人试用。

有没有人有更好的解决方案来可视化如此大的数据集？（最终目标是将其扩展到200万个功能）我什至愿意考虑离线可视化框架，以防基于浏览器的替代品（例如Polymaps或d3.js等）无法使用。

编辑：忘记提及了，用户需要能够按属性过滤数据集。因此，在N个要素中，可能仅需要动态渲染匹配的n <= N个要素。

我是传单的作者。有一个很棒的集群插件Leaflet.markercluster。它非常快速高效（请看一下50k标记示例），并且在使用精美动画的情况下外观和工作也非常流畅，并且有很多选项可以满足您的需求。

您可以使用TileMill并将点渲染为栅格图像，并与UTFGrid快速交互。像本人口普查图一样，它可以缩放到数百万个点和多边形，因为它可以智能地仅在需要时才发送特定区域所需的数据。

据我所知，除了拥有非常快速的WFS服务器之外，没有其他快速的方法可以做到这一点，对于许多观众而言，这是相当困难的。

披露：为MapBox工作，编写了很多代码。但是TileMill是免费/开源等。

您是否看过传单集群器？作者的博客文章在此进行了描述

值得一看的另一种选择是将传单与GIS Cloud结合使用。看一下这个演示，看看它能非常快速地处理很多几何。非常令人印象深刻。我绝不隶属于GISCloud。

您绝对不应在地图上显示数百万个点。不仅由于主要的性能问题，而且从用户的角度出发，因为对于他们来说，无疑将很难解释该数据。使用一些汇总数据的方法（聚类，汇总到多边形区域等），并在不同的缩放级别上结合不同的显示类型（例如，仅在非常高的缩放级别上显示“原始”点数据，并在其他任何地方使用汇总的数据）。一个示例就是房地产网站，例如zillow.com。

我建议您减少点要素的渲染量：人眼将看不到10,000点，更不用说2,000,000。

您可以尝试从自定义服务器动态地请求数据集（必须设置），例如

    map = ...
    map.on('moveend', function(e) {
        getGeoJson(e);
    });
    map.on('zoomend', function(e) {
        getGeoJson(e);
    });
    map.setView([2,3], 2);

    function getGeoJson(event) {
        // todo determine current viewport
        $http.get('someGeoJsonDataProvider.someLanguage?currentView=[lat0,lon0,lat1,lon1]').then(function (resp) {
            // todo clear layers
            // new layer
            map.addLayer(
                L.geoJson(resp.data)
            );
        });
    }

然后，服务器将根据用户现在要查看的内容来计算返回的点。根据缩放系数和裁剪，您只需要返回很小比例的点，而不会恶化用户体验。

缺点：设置服务器（您应该找到用于过滤地理位置的库）且渲染速度较慢（每次缩放或拖动之后，都需要发出服务器请求）

我有解决方案可以映射50到1亿条记录，您需要使用服务器端解决方案来进行基于网格和动态的处理。您无法在网络地图API（Google或其他）上进行答复以进行客户端呈现。...

[http://96.231.36.9:8080/rbgis/google_map.html][1]试试上面的链接，看看如何