Динамическая раскраска карты США с помощью Javascript

Question

Мне нужно написать веб-страницу, которая начинается с пустой карты США и раскрашивает штаты в соответствии с данными, полученными из различных запросов Ajax. Карта должна меняться со временем без перезагрузки страницы, и пользователь может щелкнуть различные элементы управления, чтобы мгновенно изменить цвет карты. Все это нужно делать локально, поэтому я не могу использовать карты Google или другие подобные интернет-сервисы.

Я надеюсь сделать это в браузере с помощью Javascript. Есть ли хорошая библиотека для этого? Или какие-нибудь общие предложения о том, как лучше всего это реализовать?

Answer 1

Я бы взял такой плагин, просто изменив его на «подсветку» на основе ваших динамических данных:

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

• Демонстрация плагина: http://davidlynch.org/js/maphilight/docs/demo_usa.html

В настоящее время он выделяется при наведении курсора, но выделение с использованием данных должно быть очень простым.

Факт, что это идет с картой США и выделением готового к работе набора, является просто соусом.

Answer 2

Звучит как работа для Рафаэль

Answer 3

Вот пример чистого решения JS, SVG / VML: http://jvectormap.owl -hollow.net /

Answer 4

Вы все еще можете использовать параметр "путь" API Google Static Maps для наложения нужного цвета. Создайте несколько статических карт и сохраните полученное изображение.

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