Как сделать вот такую интерактивную карту?

Question

[Егор Лавренов]

Нужна интерактивная SVG карта, вопрос задаю повторно, так как в первый раз толком не ответили.
В идеале нужна помощь по скайпу, или телеграмму. Очень прошу, нужна помощь а разобраться сам ну никак не выходит.
При наведении подсвечивается область и выводиться текст с её названием
Мой скайп sub-zero-a.m
Телеграмм [phone]

Answer 1

[Андрей Андреев]

Вам нужно на фриланс биржу.
К примеру https://www.weblancer.net/

Comments

[Егор Лавренов]

На фрилансе мне и правда помогли и объяснили)

Answer 2

[Максим Тимофеев]

Поиск по codepen как правило дает уже готовый вариант, вот это по-моему 1 в 1 как Ваш:
https://codepen.io/cwrigh13/pen/KvdGp?q=image%20ma...
Другие результаты:
https://codepen.io/search/pens?q=image%20map&limit...
или как вариант на svg:
https://codepen.io/search/pens?q=svg+map&limit=all...

Answer 3

[Дима Паутов]

https://www.amcharts.com/svg-maps/?map=russia - Скачиваем и делаем всё, что душе угодно!

Comments

[Егор Лавренов]

Дело в том, что области которые необходимо выделить мне, не совпадают с федеральными округами. Я вроде перевожу png изображение в SVG в inkscape, но как дальше делать не пойму

[Дима Паутов]

Егор Лавренов, какое нахрен png в svg? Ты что делаешь?? Вставляешь код из svg файла на html страницу, внутри этого svg и будут эти области, которые можно разукрашивать через css как угодно! Если не понимаете, то уделите часик изучению svg.

Answer 4

[Dealaxer]

Вам необходима js библиотека Raphaël!
dmitrybaranovskiy.github.io/raphael/australia.html