Dynamisch Färbung einer US-Karte mit Javascript

Question

Ich muss eine Webseite schreiben, die mit einer leeren Karte der USA beginnt und die Zustände gemäß Daten, die es von verschiedenen Ajax-Anfragen erhält, färbt. Die Karte muss sich im Laufe der Zeit ändern, ohne dass die Seite neu geladen werden muss, und der Benutzer kann auf verschiedene Steuerelemente klicken, um sofort zu ändern, wie die Karte gefärbt wird. Dies alles muss lokal durchgeführt werden, so dass ich Google Maps oder ähnliche Internetdienste nicht nutzen kann.

Ich hoffe, dies im Browser mit Javascript zu tun. Gibt es dafür eine gute Bibliothek? Oder allgemeine Vorschläge, wie Sie das am besten umsetzen können?

Answer 1

ich ein Plugin wie dies dauern würde, es einfach zu tun, ändern "hervorheben", basierend auf dynamische Daten:

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

• Demo von Plugin: http://davidlynch.org/js/maphilight/docs/demo_usa.html

Momentan wird es bei Mouseover hervorgehoben, aber die Hervorhebung anhand der angegebenen Daten sollte sehr einfach sein.

Die Tatsache, dass es mit einer Karte der USA kommt und Hervorhebung bereit zu gehen Set ist nur Soße.

Answer 2

Sie können den Parameter "path" von Google Static Maps API weiterhin verwenden, um die gewünschte Farbe zu überlagern. Erstellen Sie einige statische Karten und speichern Sie das resultierende Bild.

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

Answer 3

Klingt wie ein Job für Raphaël

Answer 4

Hier ist Beispiel für reine JS, SVG/VML Lösung: http://jvectormap.owl-hollow.net/