Coloriage dynamique d'une carte US avec Javascript

Question

Je dois écrire une page Web qui commence par une carte vierge des États-Unis et colore les états en fonction des données reçues de diverses requêtes Ajax. La carte doit changer au fil du temps sans recharger la page, et l'utilisateur peut cliquer sur différents contrôles pour changer instantanément la couleur de la carte. Tout cela doit être fait localement, donc je ne peux pas utiliser Google Maps ou un service Internet similaire.

J'espère pouvoir le faire dans le navigateur avec Javascript. Y a-t-il une bonne bibliothèque pour le faire? Ou des suggestions générales sur la meilleure façon de l'implémenter?

Answer 1

je prendrais un plugin comme ce changement juste pour le faire "soulignant" en fonction de vos données dynamiques:

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

• Démo du plugin: http://davidlynch.org/js/maphilight/docs/demo_usa.html

Actuellement, il met en évidence au passage de la souris, mais la mise en évidence en utilisant les données fournies devrait être très simple.

Le fait qu'il est livré avec une carte des États-Unis et mettant en évidence prêt à aller ensemble est juste sauce.

Answer 2

Vous pouvez toujours utiliser le paramètre "path" de l'API Google Static Maps pour superposer la couleur souhaitée. Créez des cartes statiques et enregistrez l'image résultante.

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

Answer 3

Sonne comme un emploi pour Raphaël

Answer 4

Voici exemple de JS pur, solution SVG/VML: http://jvectormap.owl-hollow.net/