Comments 8
Хорошо. Реально хорого.
Но хранить данные в css - так себе идея. Прямо как мы 20 лет назад писали.
Почему вы решили отказаться от идеи сделать всю основу карты в рамках SVG? Никаких странных ограничений на 50 меток. Адаптивность получалась бы сама собой. Можно было бы легко делать не только точечные метки, но и любые полигоны. Подготовка бы ускорилась, т.к. натыкать мышкой кучу штук на карте очень просто. Тексты были бы полностью в разметке. Ссылки были бы вынесены из CSS, что помогло бы оптимизировать загрузку ресурсов при необходимости. Появилась бы гибкость в работе с камерой над картой (в SVG есть viewBox, который очень удобно двигать). и.т.д. Там целая куча маленьких плюсов, которые в совокупности делают работу заметно проще.
Отлично выглядит. Я думаю для тебя можно рассмотреть следующим шагом
https://blog.patricktriest.com/game-of-thrones-map-node-postgres-redis/
Интерактивные метки на изображении JS