Выбор региона и населенного пункта из списка (БД), подсветка карты и нас. пунктов (svg). Как их подружить?

Question

[azzkh]

SVG-карта:
- Имеются 5 районов, их id и стили, которые я умею изменять hover'ом

<path d="***" id="1_rc" *** style="fill:#3fd2df;fill-opacity:1;stroke:none" />

- Имеются 5 районных центров, которые по умолчанию обозначены точками:

<path d="***" id="3_1"  **** style="fill:#5b5c61;fill-opacity:1" />

- И их наименования, которые по умолчанию скрыты:

<text xml:space="preserve" style="***;fill-opacity:0;***" *** id="rcnb" ****>
<tspan sodipodi:role="line" id="rcnb4_1" ***
           style="font-size:2.5px">Новобелокатай</tspan>
</text>

- Х.Туча населенных пунктов, обозначенные на карте точками, которые по умолчанию скрыты с соответствующими id, согласующиеся с оными в БД:

<path d="***" id="2_8" *** style="fill:#5b5c61;fill-opacity:0" /><path

Вывод списка районов и в подпунктах - их населенных пунктов:
Все id в БД согласованы с соответствующими областями на карте и населенными пунктами для подсветки при выборе из списка. Выведу их через выпадающие списки.
Вопрос:
Как это сделать? - подсветку соответствующих областей на карте? Возможно ли только средствами css? Если необходим JS, то подскажите код, я сам подстроюсь под него... не программист, увы, а надо вот. Спасибо!

Comments

[azzkh]

Если это важно, то svg подключен через object

[Станислав Макаров]

Для начала расскажите, что за карта. Что за движок (если движок используется отдельно), или если готовое решение - Яндекс/Гугл - то какое? Часто делают api-шки для добавления на карту подсветок и кастомных иконок.

[azzkh]

Станислав Макаров: карта нарисована в инскэйпе, ничего левого не используется. задействованы 3 активных элемента: районы (всего 5 штук), их населенные пункты и названия районных центров.

Answer 1

[Антон Корзунов]

1. Берем хоть jQuery и меняем opacity нужному региону
2. Выкидываем все на свалку, берем нормальные "карты" - благо их много, делаем на них.
Но прийдется немного попрограмировать :(