Dinamicamente colorare una mappa degli Stati Uniti con JavaScript

Question

Ho bisogno di scrivere una pagina web, che inizia con una mappa muta degli Stati Uniti e colori gli stati in base ai dati ricevuti dalle varie richieste Ajax. La mappa ha bisogno di cambiare nel tempo senza la pagina di ricarico, e l'utente può cliccare su vari controlli per cambiare istantaneamente come la mappa è colorato. Tutto questo deve essere fatto a livello locale, quindi non posso fare uso di mappe o qualsiasi servizio internet simile di Google.

mi auguro di fare questo nel browser con Javascript. C'è una buona biblioteca per fare questo? O eventuali suggerimenti generali per come implementare al meglio questo?

Answer 1

Vorrei prendere un plugin come questo basta cambiare per fare "evidenziare", sulla base di dati dinamici:

• http://plugins.jquery.com/project/maphilight

• Demo di plugin: http://davidlynch.org/js/maphilight /docs/demo_usa.html

Al momento si evidenzia al passaggio del mouse, ma mettendo in evidenza che utilizzano dati forniti dovrebbe essere molto semplice.

Il fatto si tratta di una mappa degli Stati Uniti ed evidenziando pronto ad andare impostare è solo sugo.

Answer 2

Suona come un lavoro per Raphaël

Answer 3

Ecco esempio di JS puri, SVG / VML soluzione: http://jvectormap.owl-hollow.net /

Answer 4

Si può ancora essere in grado di utilizzare il parametro "percorso" della API di Maps Google Static per sovrapporre il colore desiderato. Creare alcune mappe statiche e salvare l'immagine risultante.

http://code.google.com/apis /maps/documentation/staticmaps/index.html#Paths