Создание карты html, css?

Question

[Карен Мнацаканян]

Привет всем!
Не подскажете как создать вот такую или такую карту?
спасибо.

Answer 1

[Андрей]

Сделайте через svg
пример тут codepen.io/rlitts/pen/dPNBVR

Answer 2

[Vitaliy Orlov]

Вот описание тэга: htmlbook.ru/html/map

Вкратце делаешь картинку, поверх ложишь map, отмечаешь границы области координатами внутри map с помощью area, у каждой area делаешь свою ссылку.

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

P.S. Координаты можно быстро "нарезать" с помощью онлайн сервисов, например: imagemap-generator.dariodomi.de или других, которые можно найти по запросу "html map generator"

Answer 3

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

Это картинка, а hover сделан через map
htmlbook.ru/html/MAP

Answer 4

[Сергей Тутуков]

Сделано через hover map.
Но если нужно что-то более интерактивное, то:
www.highcharts.com/maps/demo/tooltip