Как правильно реализовать интерактивною карту?

Question

[vintalis]

Нашел себе занятною задачку, сделать карту, при нажатии на регион, которая красная(это будет видно на примере который я приложу), показывает этот регион с лева и информация по центре.

скрин

.
Задача такова, я нажимаю на область что на карте, мне она высвечивается слева.И если я нажму на маркер,мне высвечивается другая ифнормация по центру(смотрите скрин).
Как реализовать самую карту, каждый регион есть в SVG формате, но как их склеить воедино как на макете, тоже пока не понял.Потом при нажатии на эту область слева высвечивается инфа по нем. как это сделать и при нажатии на маркер по центру высвечивается, нажимаешь на другой, другая высвечивается информация.

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

Answer 1

[Максим]

Скачайте готовую - https://mapsvg.com/maps - щас мало что рисует их

На js парсите - добавляете регионы и так далее - всё внутри подписанное - так что проблем быть не должно

По нужным координатам ставите маркер, описание какое то

Comments

[vintalis]

мне именно нужно что-то в этом роде - нажимаю на регион - слева появляется регион, мне бы лучше сделать, что б как то выделить область и при клике на них слева инфа появлялась, но как выделять неравномерные участки.
Или просто куски регионов с svg вставить сделать сплошную карту ,задать каждому svg id и при клике выводить информацию слева

[Максим]

vintalis, вы карту скачали ?

[vintalis]

Максим Ленский, скачал увидел как реализовано уже проще стало), направления в котором работать нужно понял, если что обращусь еще=)