Как сделать, чтобы при нажатии на зону карты менялся блок?

Question

[iTarchevsky]

Вот сайт. На нем есть карта в формате svg и по ходу разработки сначала была задача вывести по клику на зоны попапы с детальной информацией по странам.

А в итоге решили сделать, чтобы при нажатии слева от карты менялось содержание блока.

Подскажите пожалуйста, как это можно было бы реализовать.

Comments

[Тарас Шульга]

так же как c hover - просто событие клика по куску карты.

Answer 1

[Орхан Гасанлы]

Можно реализовать по-разному...
1) плагин https://wordpress.org/plugins/html5-maps/
Очень хороший плагин. У них на оф. сайте еще куча разных карт.
2) через ACF + Google Maps
https://www.advancedcustomfields.com/resources/goo...
https://wpbeaches.com/create-multiple-marker-map-f...
При помощи кастомных полей вы можете создать карточки с информацией, а далее уже в зависимости от геоданных они будут нанесены на карту.

Comments

[iTarchevsky]

У меня уже есть карта. Речь не о создании карты, а о привязке действия, чтобы содержимое блока менялось

[iTarchevsky]

Но за попытку спасибо)

[Орхан Гасанлы]

iTarchevsky, вот, другая реализация с интеграцией яндекс карты.
давно было дело, уже и не помню, но можете код подсмотреть в консоли

https://massimomebel.com/gde-kupit

При клике на аккордеоне позиционируется карта