Как сделать интерактивную карту svg со своим дизайном wordpress?

Встал такой вопрос, есть карта нарисованная дизайнером в figma, пока она экспорирована как картинка.
Вопрос такой, как сделать так, чтобы при наведении на желтый кусочек карты, внизу под картой менялся заголовок, текст и ссылка на этот филиал, все филиалы сделаны как кастомные посты в wordpress?
Фото:
5f5cda573129d399537900.png
Возможно ли вообще это реализовать на Wordpress?
  • Вопрос задан
  • 192 просмотра
Решения вопроса 1
@jamtuson
1. https://www.youtube.com/watch?v=6C-GYwxdZd4
2. добавляете потом дата - атрибут ко всем svg элементам, например: data-name="saratov-ook-alekseev"
3. Добавляете обработчик по наведению(с небольшой задержкой) на path забираете у него data-name и отправляете ajax запрос на получение поста
4. Рисуете пост
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Lord_Dantes
@Lord_Dantes
Чат джунов t.me/developersjunior
Возможно, полностью как сам не знаю как сделать но карта должна быть сразу разбита на области SVG формата и хотя бы верстка при клике на область - тоже должна быть.
Ответ написан
@azerphoenix
Здравствуйте!
Есть готовый плагин для ВП
https://ru.wordpress.org/plugins/html5-maps/
На оф. сайте компании можно сделать заказ карты или приобрести премиум версию - https://www.fla-shop.com/
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы