Есть примерю Создание интерактивной карты из PSD или SVG (скрин есть, по наведению подсвечиваем область и пишем название )?

Question

[Alex Polyakh]

Пример карты:
https://www.avito.ru/s/a/i/index/map.svg

Comments

[Pavel Torbeev]

Так собственно, в чем вопрос? В примере область подсвечивается по hover

Answer 1

[Виталий Сазанов]

На примере используется svg.
Карта отрисована в svg и код изображения вставлен в код сайта.
Svg элементам можно задавать свои классы (на примере - каждый регион - это svg-элемент "path")
Потом с помощью css эти элементы отлавливать и подсвечивать.

В интернетах много статей на тему inline svg.

Перечень css-свойств для svg можно посмотреть, например, тут.

Answer 2

[Алексей Черемисин]

Есть библиотека - d3.js
Вот и пример - https://habrahabr.ru/post/181766/