Как реализуется верстка этажей SVG?

Question

[DeniSidorenko]

Добрый день, думаю каждый видел сайты где есть план здания , постройки, башни, и при наведении подсвечиваются этажи таким образом что можно выбрать. Есть такая же задача сделать. Все здания сделана в SVG , каждое окно, каждый этаж. Вопрос в том как сделать что бы при наведении подсвечивалось. Задал для нужного этажа id и при хотел менять svg при наведении, однако цвет не меняется. Может требуется сделать через JS это события? Заранее спасибо

Comments

[Евгений]

Может требуется показать код?

Answer 1

[Ivan Bogachev]

Буквально на днях написал статью о том, как все это делается: Делаем интерактивный план местности за 15 минут. Там все основные вопросы и проблемы разобраны. Конкретно в вашем случае скорее всего (без кода не угадать) нужно перебивать ранее заданные стили, либо добавить заливку контурам, где ее нет - умные браузеры не всегда распознают наведение мыши на не залитые элементы в SVG.

Comments

[DeniSidorenko]

Спасибо болшое

Answer 2

[Владимир Коротенко]

За основу можно взять вот это
https://codepen.io/prashanthnani/pen/bpWojz