Visualizzazione delle funzionalità in cluster nelle mappe Web?


15

Sto cercando il simbolo migliore per visualizzare le funzionalità raggruppate nell'API JS di ArcGIS Server.

Non mi piace il simbolo del cluster animato "fly-out", come utilizzato nel clustering dell'API Silverlight o nell'esempio di clustering JS (si sentono un po 'ingannevoli).

Finora l'opzione migliore che ho trovato è il simbolo del clusterer di marcatori di Google Maps .

Non mostrerò un numero al centro del simbolo del cluster, ma varierò la dimensione del simbolo per mostrare le concentrazioni di funzionalità, come in questo modello:

inserisci qui la descrizione dell'immagine

Quali altre opzioni di simboli di clustering ci sono? Puoi indicarmi una mappa che mostra una bella implementazione del raggruppamento dei marker?


Sei limitato a un simbolo punto?
Andy W,

@AndyW Sto visualizzando le funzionalità dei punti, ma non sono necessariamente limitato a un simbolo punto. L'immagine di esempio sopra utilizza i simboli dei marker di immagine se ciò aiuta.
Stephen Lead,

Le varie risposte suggeriscono che potrebbero essere utili alcuni chiarimenti aggiuntivi; in particolare, in che senso vuoi dire "miglior simbolo"? Probabilmente dipende dall'applicazione e dal pubblico e può significare plausibilmente "più bello", "più facile da implementare", "più facile da riconoscere e discriminare per gli spettatori" o "consentire una valutazione quantitativa più accurata". Le migliori soluzioni in questi sensi potrebbero essere le mappe di calore, i marcatori di Google o Bing, chissà, e le trame di girasole, rispettivamente, ma la maggior parte di queste soluzioni sono ugualmente povere sotto altri aspetti.
whuber

@whuber "L'obiettivo più semplice per gli utenti non esperti è capire cosa sta succedendo senza istruzioni". La posizione precisa delle funzioni non è importante quanto il fatto che alcune funzioni sono "punti singoli" e altre sono "punti raggruppati". È ovvio che ci sono più funzioni in alcune località e meno funzioni in altre aree? La mappa sopra funziona per me, ma è così per tutti, ed è la migliore soluzione possibile? grazie
Stephen Lead,

1
Senza una leggenda, non posso dare un senso al tuo esempio. Pur conoscendo la sua intenzione, non riesco a leggerlo con alcun senso di precisione perché non ho idea di quale sia la relazione tra dimensione del simbolo e dimensione del cluster (è il diametro del cerchio, l'area del cerchio o qualcos'altro?) Che cos'è il blu / distinzione rossa cercando di trasmettere? Se si desidera evitare le istruzioni, è necessario utilizzare i metodi cognitivi più efficaci per fare distinzioni e trasmettere quantità conosciute (come usare la leggerezza, piuttosto che la tonalità, per trasmettere l'intensità di una quantità), ed essere comunque preparati per incomprensioni.
whuber

Risposte:


10

Nella cartografia tradizionale, il raggruppamento di marcatori è chiamato aggregazione o talvolta fusione. Fa parte della generalizzazione del modello : durante lo zoom indietro, alcuni concetti dettagliati (ad esempio l'albero) scompaiono per essere sostituiti da forme aggregate meno dettagliate (ad esempio la foresta).

Molti buoni esempi possono essere trovati in buoni libri di cartografia. Ecco due esempi di questo libro sulla costruzione di aggregazioni:

inserisci qui la descrizione dell'immagine

inserisci qui la descrizione dell'immagine

inserisci qui la descrizione del link http://www.ailleursloin.free.fr/A/depot/village_generalise_200k_sans_bati.jpg

Suppongo che tu stia cercando altri metodi operativi per farlo automaticamente. Questa presentazione fornisce una panoramica dei metodi automatici esistenti. Potresti avere risorse per sviluppare alcuni degli algoritmi mostrati ... Altrimenti, puoi trovare un'implementazione java di questo algoritmo (che consente di costruire l'inviluppo di simboli distanti) , e anche di questo algoritmo .

Le mappe di calore sono anche una buona alternativa a questo problema. Vedi un'implementazione. Vedi anche maptimize .

inserisci qui la descrizione dell'immagine


1
Grazie per la risposta dettagliata. In realtà sono abbastanza soddisfatto dell'algoritmo che sto usando, una modifica di questo script di esempio , quindi sono più interessato alla simbologia o alla rappresentazione delle funzionalità del cluster. Mi piace l'approccio Heatmap, ma non ci sono abbastanza punti nel mio caso poiché le funzionalità non sono particolarmente dense. Grazie ancora
Stephen Lead,

Potresti aggiornare i link non funzionanti per favore?
phil294,

7

Ci sono molte opzioni e in effetti ho fatto fatica a rispondere alla stessa domanda su alcune delle mie applicazioni. E per i nostri diversi prodotti abbiamo finito con soluzioni diverse. Quindi devi chiederti

  1. Tutte le icone singleton sulla mappa sono dello stesso "tipo" - stessa forma e colore?
  2. In caso contrario, vivono tutti su 1 o più livelli?
  3. Se su più unità, hai intenzione di raggruppare ogni singolo livello o il clustering a più livelli?
  4. Se si raggruppano i singoli livelli, cosa succede se le icone si sovrappongono tra i livelli, si avrà un gruppo di cluster?
  5. Hai bisogno di sapere "che tipo" di cose vengono raggruppate, o solo quel "ehi, c'è un cluster" sulla mappa. E sopra hai detto che non hai bisogno di sapere quanti elementi ci sono solo guardando l'icona del cluster.

Ecco un paio di esempi e cosa significano e come sono fatti. Tutti vengono eseguiti con un algoritmo di clustering personalizzato, non con il clustering Bing (prima immagine) o la strategia di clustering OL (seconda). In questo modo ho molto più controllo sull'aspetto.

Marcatore a grappolo trasparente

Protezione dello schermo da un'app Bing; abbiamo più livelli di diversi tipi di icone e colori. Abbiamo scelto di raggruppare le icone, quindi nascondere tutto dall'icona più in alto (più importante) nel cluster, quindi l'icona in cima è sovrapposta a un'immagine trasparente. Quindi supponiamo che le mie icone siano 20x20, l'indicatore del cluster è un'immagine 30x30 trasparente all'80%, tranne per il fatto che ha un PLUS in alto a destra. Quindi, quando sovrapposto sopra l'icona "rappresentante" del mio cluster, sembra che sotto ci sia un gruppo di cose. Quando l'utente passa il mouse o fa clic, l'evento passa all'icona del cluster e viene visualizzato il messaggio "N numero di elementi del cluster" e può fare clic o eseguire il drill down per ulteriori informazioni.

inserisci qui la descrizione dell'immagine

In questa situazione abbiamo adottato un approccio più semplice. Le icone vivono ancora su livelli diversi e hanno un significato diverso e raggruppiamo i livelli incrociati, tuttavia l'icona rappresentativa è solo un grosso segno PIÙ grasso [che varia di dimensioni fino a un certo limite].

Quindi, in sostanza, abbiamo scelto un "PLUS" "+" per indicare un cluster in entrambe le app, ma abbiamo preso percorsi diversi su come metterlo sulla mappa - sovrapponi le icone della mappa esistente per dare più significato alla mappa o semplicemente pulisci la mappa e inserisci un PLUS e consenti all'utente di eseguire il drill-down per ulteriori informazioni.


Grazie per la risposta dettagliata. In questo caso, tutte le funzionalità si trovano nello stesso livello, ma in alcuni casi vengono sollevati alcuni punti interessanti. L'approccio + è interessante
Stephen Lead,

5

Potresti trarre ispirazione dalle trame di girasole . Questo metodo, che è stato usato per decenni per rappresentare gruppi di punti su grafici a dispersione, sfrutta la ricerca nella cognizione visiva per produrre marcatori che sono rapidamente e correttamente discriminati, nonché chiaramente correlati alle dimensioni dei cluster che rappresentano.

Ecco un esempio fatto in R:

inserisci qui la descrizione dell'immagine

Ci vuole poca immaginazione per vedere come la tecnica potrebbe essere applicata alla creazione di mappe più generali dei grafici a dispersione.


Bill, grazie per la punta: la trama del girasole è molto bella e funziona bene nel diagramma a dispersione. Non è davvero adatto al mio caso poiché il sito è rivolto a utenti inesperti e questo sarebbe eccessivo. (PS L'approccio della mappa di calore adottato da Fusion Tables potrebbe anche funzionare sul grafico a dispersione? Geochalkboard.files.wordpress.com/2010/03/fusion2.png )
Stephen Lead,

1
Le gradazioni di colore di @Stephen tendono a non funzionare altrettanto bene per la lettura di elementi grafici quantitativi (ovvero accurati e rapidi). Per circa il 6% della popolazione, è difficile discernere una laurea dal rosso al verde (come mostrato nell'esempio). Un corpus crescente di pubblicazioni nella visualizzazione di dati quantitativi suggerisce che non dovremmo essere rapidi nel limitare la qualità della nostra grafica supponendo che gli utenti inesperti non saranno in grado di apprezzarli o usarli. Leggi Tufte, Cleveland o Wainer, per esempio.
whuber
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.