Интерактивная карта из любого изображения на чистом JavaScript!

Ссылка на статью - https:/webdevtips.pro/other/interactive-map-js/

Приветствую, друзья, сегодня покажу как сделать интерактивную карту для сайта на чистом JS, на основе любой картинки. Работать наша карта на сайте будет с помощью JS и SVG. В видео я наглядно показываю, как происходит взаимодействие с интерактивной картой, поэтому вам не составит труда реализовать ваш собственный вариант. По примеру из видео вы сможете создать сколько угодно интерактивных элементов на карте и добавить к ним любой функционал, который вам нужен.

Таймкоды:
00:00 Вступление
1:00 Разбор проекта
2:18 Базовая настройка карты
3:12 Установка Inkscape
4:05 Инструкция для Inkscape
4:58 Разметка интерактивных элементов
8:17 Добавление интерактивных элементов на карту
13:22 Подсвечивание интерактивных элементов
15:30 Показ названия при наведении
23:18 Пока информации при клике по интерактивному элементу
31:28 Завершение