Visualizzazione di set di dati di grandi dimensioni con Leaflet

Quando si utilizza Leaflet per visualizzare un set di dati di grandi dimensioni (GeoJSON con funzionalità da 10.000 punti), non sorprende che il browser si blocchi o si blocchi. Un sottocampione di 1000 funzionalità dello stesso set di dati funziona perfettamente. Sfortunatamente non posso condividere il set di dati che altri potrebbero provare.

Qualcuno ha soluzioni migliori per visualizzare set di dati così grandi? (l'obiettivo finale è ridimensionare questo a 2 milioni di funzionalità) Sono anche disposto a prendere in considerazione quadri di visualizzazione offline nel caso in cui le alternative basate su browser come Polymaps o d3.js ecc. siano ritenute incapaci.

Modifica: dimenticato di menzionare, l'utente deve essere in grado di filtrare il set di dati in base agli attributi. Così fuori di N caratteristiche, solo la corrispondenza n <= N caratteristiche potrebbero aver bisogno di essere reso in modo dinamico.

Sono l'autore del volantino. C'è un fantastico plugin di clustering per questo, Leaflet.markercluster . È molto veloce ed efficiente (dai un'occhiata all'esempio di 50k marker), guarda e funziona in modo molto fluido con animazioni piacevoli e ha molte opzioni per soddisfare le tue esigenze.

È possibile utilizzare TileMill e rendere i punti come immagini raster, con interattività rapida da UTFGrid . Ridimensiona a milioni di punti e poligoni, come questa mappa del censimento , poiché invia in modo intelligente solo i dati necessari per aree specifiche, esattamente quando è necessario.

Per quanto ne so, non ci sono altri metodi veloci per farlo oltre ad avere un server WFS molto veloce, che è piuttosto difficile da mantenere / ridimensionare per molti visualizzatori.

Disclosure: funziona per MapBox , ha scritto un bel po 'di codice. Ma TileMill è gratuito / open source, ecc.

Hai guardato nel cluster di volantini? Un post sul blog dell'autore lo descrive qui

Un'altra opzione che vale la pena dare un'occhiata potrebbe essere l'uso del volantino in combinazione con GIS Cloud . Dai un'occhiata a questa demo per vedere che gestisce molte geometrie molto rapidamente. Molto impressionante. Non sono in alcun modo affiliato a GISCloud.

Non dovresti mai visualizzare milioni di punti su una mappa. Non solo a causa dei maggiori problemi di prestazioni, ma anche dal punto di vista dell'utente perché per loro sarà sicuramente difficile interpretare questi dati. Utilizzare alcuni mezzi per aggregare i dati (raggruppamento, aggregazione in aree poligonali, ecc.) Combinati con diversi tipi di visualizzazione a diversi livelli di zoom (ad esempio, mostrare i dati dei punti "grezzi" solo a livelli di zoom molto elevati e utilizzare i dati aggregati ovunque). Un esempio potrebbe essere un sito immobiliare come zillow.com .

Ti suggerisco di ridurre la quantità di rendering delle caratteristiche dei punti: l'occhio umano non sarà in grado di vedere 10.000 punti, per non parlare di 2.000.000.

Quello che potresti provare è richiedere dinamicamente il set di dati da un server personalizzato (che dovresti impostare), ad es.

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

Il tuo server calcolerebbe quindi quali punti restituire, a seconda di ciò che l'utente vuole vedere in questo momento. A seconda del fattore di zoom e del ritaglio, dovrai solo restituire una percentuale molto piccola di punti senza peggiorare l'esperienza dell'utente.

Lati negativi: impostazione di un server (dovresti trovare librerie per filtrare i punti geografici) e rendering più lento (dopo ogni zoom o trascinamento, è necessario effettuare una richiesta del server)

Avevo soluzioni per mappare da 50 a 100 milioni di record, è necessario utilizzare soluzioni lato server per fare griglia e basate dinamiche. Non è possibile rispondere sulle API della mappa Web (Google o altri) per eseguire il rendering sul lato client ....

[http://96.231.36.9:8080/rbgis/google_map.html[[1] prova i link sopra e scopri come