Как сделать такую карту?

Question

[Василь Бойко]

Как сделать такую карту?

Как по мне, если бы карта была разбита по слоям: каждая страна отдельным слоем, то такую карту сделать несложно и быстро по времени.
Где можно взять готовые решения?

Answer 1

[Сергей Горячев]

Map Area

Comments

[Alex Titakoff]

лучше Svg, имхо :)
https://www.amcharts.com/svg-maps/?map=elSalvador

codepen.io/alexTi-dev/pen/oYWOXK

[Сергей Горячев]

Alex Titakov: спорить "что лучше" неуместно. Я ответил на вопрос "Как")

[Сергей Горячев]

Alex Titakov: Как жизнь-то?)

[Alex Titakoff]

Sergey Goryachev: ;) да я так фану ради .... увидел тебя в топе активности тостера ;) решил подагрить
ниче .. среднячком. Вчера Олега с Лехой видел на митапе Webpurple
--
не будем флудить )

Answer 2

[Никита Кит]

Тут, готовых решений, наверно нет.
Лучший вариант - сделать карту в svg. Слои тоже там сделать - каждая страна - отдельный path. пинки, наверно тоже в svg. Лупа с наведением - это javascript увеличение с clip mask image css. Вообщем не самая быстрокдящаяся и простая штуковина.

Comments

[Alex Titakoff]

да, с лупой хз..+ пространственные анимашки.
--
js задротить

[Никита Кит]

Alex Titakov: да, тут разве что js задротить. Ну если в svg сделаешь, с css сильно париться не придётся. а накрафтить анимаешь можешь с помощью snap.svg.js

[Alex Titakoff]

Никита Кит: о спасибо за библеотечку!...интересно.