Myvideo

Guest

Login

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

Uploaded By: Myvideo
98 views
0
0 votes
0

Ссылка на статью - https:/ Приветствую, друзья, сегодня покажу как сделать интерактивную карту для сайта на чистом 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 Завершение

Share with your friends

Link:

Embed:

Video Size:

Custom size:

x

Add to Playlist:

Favorites
My Playlist
Watch Later