Интерактивная карта из любого изображения на чистом 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 Завершение

Смотрите также