Trực quan hóa bộ dữ liệu lớn với Tờ rơi

Khi sử dụng Leaflet để trực quan hóa một tập dữ liệu lớn (GeoJSON với các tính năng 10.000 điểm), không ngạc nhiên khi trình duyệt gặp sự cố hoặc treo. Một mẫu con gồm 1000 tính năng từ cùng một bộ dữ liệu hoạt động hoàn hảo. Thật không may, tôi không thể chia sẻ dữ liệu cho người khác dùng thử.

Có ai có giải pháp tốt hơn để hình dung các bộ dữ liệu lớn như vậy? (mục đích cuối cùng là mở rộng quy mô này lên 2 triệu tính năng) Tôi thậm chí sẵn sàng xem xét các khung hình ảnh ngoại tuyến trong trường hợp các lựa chọn thay thế dựa trên trình duyệt như Polymaps hoặc d3.js, v.v.

Chỉnh sửa: Quên đề cập, người dùng cần có thể lọc bộ dữ liệu theo thuộc tính. Vì vậy, trong số các tính năng N , chỉ các tính năng n <= N phù hợp có thể cần được hiển thị động.

Tôi là tác giả tờ rơi. Có một plugin phân cụm tuyệt vời cho cái này, Leaflet.markercluster . Nó rất nhanh và hiệu quả (hãy xem ví dụ đánh dấu 50k), ngoại hình và hoạt động rất mượt mà với hình ảnh động đẹp và có nhiều tùy chọn phù hợp với nhu cầu của bạn.

Bạn có thể sử dụng TileMill và kết xuất các điểm dưới dạng hình ảnh raster, với khả năng tương tác nhanh từ UTFGrid . Nó chia tỷ lệ lên hàng triệu điểm và đa giác, như bản đồ điều tra dân số này , vì nó chỉ gửi thông minh dữ liệu cần thiết cho các khu vực cụ thể, chính xác khi cần thiết.

Theo tôi biết, không có phương pháp nhanh nào khác để thực hiện việc này ngoài việc có một máy chủ WFS rất nhanh, khá khó để duy trì / mở rộng quy mô cho nhiều người xem.

Tiết lộ: làm việc cho MapBox , đã viết khá nhiều mã. Nhưng TileMill là mã nguồn mở / miễn phí, v.v.

Bạn đã nhìn vào cụm sao tờ rơi? Một bài đăng trên blog của tác giả mô tả nó ở đây

Một lựa chọn khác đáng xem có thể là sử dụng tờ rơi kết hợp với Đám mây GIS . Hãy xem bản demo này để thấy nó xử lý rất nhiều hình học rất nhanh. Rất ấn tượng. Tôi không có cách nào liên kết với GISCloud.

Bạn không bao giờ nên hiển thị hàng triệu điểm trên bản đồ. Không chỉ vì các vấn đề hiệu suất lớn, mà còn từ quan điểm của người dùng bởi vì đối với họ, chắc chắn sẽ rất khó để giải thích dữ liệu này. Sử dụng một số phương tiện tổng hợp dữ liệu (phân cụm, tổng hợp thành các khu vực đa giác, v.v.) kết hợp với các loại hiển thị khác nhau ở các mức thu phóng khác nhau (ví dụ: chỉ hiển thị dữ liệu điểm "thô" ở các mức thu phóng rất cao và sử dụng dữ liệu tổng hợp ở mọi nơi khác). Một ví dụ sẽ là một trang web bất động sản như zvel.com .

Tôi đề nghị bạn giảm số lượng tính năng hiển thị: Mắt người sẽ không thể nhìn thấy 10.000 điểm, không nói về 2.000.000.

Những gì bạn có thể thử là tự động yêu cầu bộ dữ liệu từ một máy chủ tùy chỉnh (mà bạn phải thiết lập), vd

    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)
            );
        });
    }

Sau đó, máy chủ của bạn sẽ tính toán điểm nào sẽ trả về, tùy thuộc vào những gì người dùng muốn xem ngay bây giờ. Tùy thuộc vào hệ số thu phóng và cắt, bạn sẽ chỉ cần trả lại một tỷ lệ rất nhỏ điểm mà không làm xấu đi trải nghiệm người dùng.

Nhược điểm: Thiết lập máy chủ (bạn nên tìm thư viện để lọc các điểm địa lý) & kết xuất chậm hơn (sau mỗi lần phóng to hoặc kéo, yêu cầu máy chủ cần được thực hiện)

Tôi đã có các giải pháp để vạch ra 50 đến 100 triệu hồ sơ, bạn cần sử dụng các giải pháp phía máy chủ để thực hiện dựa trên lưới và động. Bạn không thể trả lời API API trên bản đồ web (Google hoặc những người khác) để thực hiện kết xuất máy khách-....

[http://96.231.36.9:8080/rbgis/google_map.html[[1] hãy thử các liên kết trên và xem cách