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

Коллеги, добрый день!

Есть фотография местности, на всю ширину экрана, на ней размещены метки, как их грамотно закрепить к определенной области, при учете, что масштаб карты подстраивается под разрешение экрана?

Макетик: https://prnt.sc/l7164t
  • Вопрос задан
  • 314 просмотров
Пригласить эксперта
Ответы на вопрос 3
Vlad_IT
@Vlad_IT Куратор тега CSS
Front-end разработчик
Создаете svg блок, указываете ему viewBox="0 0 ширина_картинки высота_картинки", в него кидаете картинку и все необходимые точки


UPD: вариант на css с сохранением размеров маркеров
Ответ написан
Nikita-Fast
@Nikita-Fast
SVGшник и леплю что попало
Ну я как обычно про SVG говорю
даже события можно повесить на разные маркеры разные события
только там не карта а фотка обычная
или надо отрисовать ?
Ответ написан
profesor08
@profesor08 Куратор тега CSS
Располагать относительно при помощи % или vh, vw.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы