Как создать карту на сайте с метками и описаниями (с фото) для них?

Question

[Влад Серов]

Доброго времени суток.

Нужно на сайте разместить карту с метками где были выполнены заказы. По клику на метку появляется описание и картинка.

Через что, как и где лучше сделать это?
Сразу была карта сделанная в яндекс конструкторе, но там нельзя фото ставить :С
Кто, что, может посоветовать?

Никогда не делал их, вот столкнулся и решил изучить.

Comments

[Михаил Сосновский]

Можно через конструктор карт вот так https://medved.online/%D0%B4%D0%BE%D0%B1%D0%B0%D0%...

[Александр Докин]

Влад Серов к чему в итоге пришли?
Желательно после разрешения проблемы помечать соответствующие ответы как решения (или писать свой ответ, если правильных не предложили), чтобы можно было ссылаться на данный вопрос в похожих. Благодарю за понимание

Answer 1

[Moskus]

Вообще, есть и достаточно мощные конструкторы. Только не на базе карт Яндекса, естественно.
https://storymaps.arcgis.com/en/app-list/
https://maphub.net/
https://mapme.com/

Answer 2

[Александр Докин]

Скорее всего конструкторы не дадут вам возможности кастомизации, поэтому вам однозначно нужно ознакомиться с api карт, будь то Яндекс или Google-карты. Документации подробные, достаточно лишь немного поиграться.
Вот пример на скорую руку https://codepen.io/anon/pen/wrOWEY

Comments

[Влад Серов]

Вот, да, оно. Только там одна метка, а мне нужно несколько.
Этот метод тоже подойдет?

[Александр Докин]

Влад Серов, конечно подойдет
Вы ведь знаете гео-координаты нужных меток?
https://codepen.io/anon/pen/wrOWEY?editors=1010
Если не знаете - есть инструмент https://yandex.ru/map-constructor/location-tool/
или можно получать координаты по адресу, используя их геокодер.

Если точки у вас лежат где-то общим списком - добавляете их на карту в цикле.
Когда точек настолько много, что карта начинает тормозить - используйте кластеризацию.

В любом случае - рекомендую ознакомиться с нужными api-методами и поиграться в песочнице https://tech.yandex.ru/maps/jsbox/2.1/

Answer 3

[hakkol]

Google map можете использовать и на ней создавать маркеры, а при его создании, можете добавить слушателя на клик.