Как взаимодействовать с элементами на изображении?

Question

[e5ash]

Суть проблемы:
Имеется изображение участков домов, с которыми необходимо взаимодействовать - события при наведении.
Использую карту изображения , но загвоздка в том, что она не позволяет вести стилизацию.

Имеется ли какой-либо плагин, который работает с и имеет обширный функционал c документацией?

P.S. Пробовал внедрять ImageMapster, но из-за отсутствия документации пришлось от него отказаться

Answer 1

[Stalker_RED]

Можно сделать эту картинку фоном для SVG


Для этого есть специальные программки-генераторы, или если разбираться с ними лень, а объектов не много, можно самому вручную накликать полигоны (откройте в этом примере консоль, покликайте мышью по картинке, там координаты кликов выводятся)

А вот пример взаимодействаия с внешними элементами (можно кликать по svg или по чекбоксам)


Или вот с hover'ом на ссылки

Answer 2

[Александр]

Что за участки? Может надо изображение в SVG использовать? SVG умеет меняться при наведении.

Comments

[e5ash]

Изображение приложил

[Александр]

его можно сделать фоном у SVG наверно - нужно эксперементировать.

Answer 3

[igumenov]

https://www.image-map.net/ в помощь.