Как выделить разным цветом элементы интерактивной карты?
Всем привет!
Нужно сделать интерактивную карту для сайта.
На карте Россия разделенная по федеральным округам и несколько стран СНГ.
Проект на Github - https://github.com/gore88/sng_map
Помогите сделать резные округа и страны различными цветами. Российские округа должны быть серыми все кроме приволжского округа, его нужно сделать красным. Страны СНГ должны быть разными цветами.
Реализовано на библиотеке Raphaël, при помощи SVG файла.
Демо - sngmap.ucoz.net/index.html
Можно взять leaflet и нагуглить очертания стран и округов в GeoJSON, тогда можно будет красить что угодно как угодно, и оно еще будет интерактивное, с зумом и блекджеком.
Вариант попроще — нагуглить те же очертания в SVG, ну и старый добрый :hover в стилях.
Очертания как раз в SVG. Я нарисовал в векторе, сохранил в SVG, готовой подходящей карты в инете не нашёл. Вот что получилось - sngmap.ucoz.net/index.html
Константин Китманов: я не силён в JS, а координаты path взяты из SVG и находятся в JS файле, а правила для всех элементов в другом JS файле. Вот в чём для меня проблема.
Константин Китманов: если добавить атрибут с заливкой, то в браузере не отображается карта, если смотреть код, то там пусто на том месте, где должна быть карта.
