Leaflet ile büyük veri kümelerini görselleştirme

Büyük bir veri kümesini görselleştirmek için Leaflet kullanırken (10.000 nokta özellikli GeoJSON), tarayıcı şaşırtıcı şekilde çökmez veya kilitlenmez. Aynı veri kümesinden 1000 özelliğin alt örneği kusursuz çalışıyor. Ne yazık ki, denemek için başkalarının veri kümesini paylaşamıyorum.

Bu büyük veri setlerini görselleştirmek için daha iyi çözümleri olan var mı? (nihai amaç bunu 2 milyon özelliğe ölçeklendirmektir) Polymaps veya d3.js gibi tarayıcı tabanlı alternatiflerin yetersiz kalması durumunda çevrimdışı görselleştirme çerçevelerini bile düşünmeye hazırım .

Düzenleme: Bahsetmeyi unuttum, kullanıcının veri kümesini özelliklere göre filtreleyebilmesi gerekiyor. Bu nedenle N özelliklerinin dışında, yalnızca eşleşen n <= N özelliklerinin dinamik olarak oluşturulması gerekebilir.

Ben broşür yazarıyım. Bunun için harika bir küme eklentisi var, Leaflet.markercluster . Çok hızlı ve verimli (50k marker örneğine bir göz atın), hoş animasyonlarla şık bir görünüme kavuşur ve çalışır ve ihtiyaçlarınıza uygun çok sayıda seçeneğe sahiptir.

UTileGill'den hızlı etkileşim ile TileMill'i kullanabilir ve noktaları raster görüntüler olarak oluşturabilirsiniz . Bu nüfus sayımı haritası gibi milyonlarca nokta ve poligona ölçeklenir , çünkü tam olarak ihtiyaç duyulduğunda sadece belirli alanlar için ihtiyaç duyulan verileri akıllıca gönderir.

Bildiğim kadarıyla, bunu yapmak için çok hızlı bir WFS sunucusuna sahip olmaktan başka bir hızlı yöntem de yok; bu, birçok izleyicinin bakımını yapmak / ölçeklendirmek oldukça zor.

Açıklama: MapBox için çalışmak , biraz kod yazdı. Ancak TileMill ücretsiz / açık kaynaktır, vb.

Broşür kümesine baktınız mı? Yazara ait bir blog yazısı burada açıklanmaktadır.

Bakılmaya değer başka bir seçenek, broşürü GIS Cloud ile birlikte kullanmak olabilir . Çok sayıda geometriyi çok hızlı ele aldığını görmek için bu gösterime bir göz atın . Çok etkileyici. Hiçbir şekilde GISCloud'a bağlı değilim.

Bir haritada asla milyonlarca nokta göstermemelisiniz. Sadece ana performans problemlerinden dolayı değil, aynı zamanda kullanıcının bakış açısından da bu verinin yorumlanması kesinlikle zor olacaktır. Farklı yakınlaştırma seviyelerinde farklı ekran türleriyle birleştirilmiş verileri toplama (kümeleme, çokgen alanlarına toplanma vb.) Kullanın (örn. "Ham" nokta verilerini yalnızca çok yüksek yakınlaştırma düzeylerinde göster ve başka her yerde toplanmış verileri kullanın). Bir örnek, zillow.com gibi bir emlak sitesi olabilir .

Belirlenen puan özellikleri miktarını azaltmanızı öneriyorum: İnsan gözü 10.000 puan göremez, 2.000.000 konuşmaz.

Deneyebileceğiniz, dinamik bir şekilde veri kümesini özel bir sunucudan (ayarlamak zorunda olduğunuz) istemek.

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

Sunucunuz daha sonra, kullanıcının şu anda ne görmek istediğine bağlı olarak hangi noktaların döneceğini hesaplar. Yakınlaştırma faktörüne ve kırpmaya bağlı olarak, kullanıcı deneyimini kötüleştirmeden yalnızca çok küçük bir puan yüzdesi döndürmeniz gerekir.

Dezavantajları: Bir sunucu kurmak (coğrafi noktaları filtrelemek için kütüphaneler bulmalısınız) ve daha yavaş renderleme (her zoom veya sürüklemeden sonra, bir sunucu isteği yapılması gerekir)

50 ila 100 milyon kaydı eşleştirmek için çözümlerim vardı; ızgara ve dinamik tabanlı yapmak için sunucu tarafı çözümleri kullanmanız gerekir. Müşteri tarafı oluşturma işlemini yapmak için web haritası API'lerinde (Google veya başkaları) yanıt veremezsiniz.

[http://96.231.36.9:8080/rbgis/google_map.html.INb1] yukarıdaki bağlantıları deneyin ve nasıl yapıldığını görün