Vorrei creare una visualizzazione sul Web simile alla seguente: http://namemapper.babynamewizard.com/namemapper/
Ci sono delle buone librerie per farlo? È OpenLayers abbastanza leggero da maneggiare molte mappe in una sola volta?
Vorrei creare una visualizzazione sul Web simile alla seguente: http://namemapper.babynamewizard.com/namemapper/
Ci sono delle buone librerie per farlo? È OpenLayers abbastanza leggero da maneggiare molte mappe in una sola volta?
Risposte:
In realtà, non hai bisogno di OpenLayer - o di qualsiasi altra libreria - per le piccole mappe (come quelle in cima al tuo esempio). Sono puramente statici (nessuna panoramica / zoom / ecc.) E quindi possono essere semplici immagini che mostrano la risposta di un server di mappe di tua scelta.
Gli OpenLayer possono essere usati per molte mappe statiche; In passato ho creato fino a 200 mappe su una sola pagina senza un enorme dispendio di prestazioni, purché siano semplici mappe. Molti siti hanno utilizzato piccole mappe statiche OpenLayer per creare mappe semplici, perché possono quindi utilizzare lo stesso set di riquadri di immagine che utilizzano per molte altre mappe sui loro siti.
Quando si utilizzano OpenLayer come questo, consiglio di utilizzare un numero limitato di livelli e controlli, nonché opzioni come "buffer: 0" per limitare il numero di riquadri caricati. Il tuo obiettivo dovrebbe essere quello di ridurre al minimo il numero di elementi DOM creati da OpenLayers, poiché questo costituirà il principale collo di bottiglia delle prestazioni per il caricamento della tua pagina o applicazione.
Per le applicazioni in cui non si esegue il pre-caching di tutti i dati del riquadro o non si lavora con dati vettoriali, utilizzare una singola richiesta di immagine su un server di mappe di qualche tipo potrebbe essere una scelta migliore. Se stai lavorando con dati affiancati o vuoi utilizzare dati vettoriali resi dal client, OpenLayers è un'opzione ragionevole per risolvere il caso d'uso.
L'HTML può essere utilizzato per creare semplici mappe statiche senza elementi lato server come un WMS o librerie lato client come OpenLayer. Utilizzare un'immagine raster dell'area della mappa in combinazione con la mappa e l' area dei tag dell'HMTL , l'ultima con la forma dell'attributo impostata su "poli". Dovresti fornire le coordinate della mappa del bordo relativamente all'angolo in alto a sinistra dell'oggetto mappa. Inoltre, sono supportati eventi come onmouseover o onclick .
MODIFICATO IL 26-09-2010 01:25 CET: un esempio di mappa immagine HTML è disponibile in " iCITA: Esempio mappa immagine "