Мне часто задают вопрос: как вставить openstreet карту на сайт. Я в принципе удивлён тому, что у кого-то могут возникнуть проблемы с вставкой фрагмента карты с httpss://www.openstreetmap.org
Сайт позволяет вставить опенстрит карту довольно просто. Для тех кто в танке рассмотрим поэтапно:

1.Находим нужный участок или обьект на карте. Выбираем нужный слой карты.
2.Туллбар справа. На нём есть кнопка “вставить на сайт”. Жмём на неё.
3.Разворачивается панель, где нужно нажать “код”.
4.В окошечке ниже отображён код для вставки на сайт. Ставим по желанию маркер того места, которое хотим показать поточнее.
5.Видим, что наши любые манипуляции отображаются в окошечке с кодом.
6.Копируем код себе на сайт.
7.Я обычно забираю только тот кусок, который начинается и заканчивается с iframe
8.Значения width и height задайте какие нравятся. Ширину я указываю для адаптивности – 100%

Многие спросят: а как поставить красивые и подписанные маркеры с указанием мест?
Я отвечу: читайте лицензионное соглашение с opensteet. Карта изначально разрабатывалась в некоммерческих целях. Стандартными средствами вы ограничитесь только слоем, маркером и фреймом с картой неопределённого масштаба.
Красивую карту можно сделать средствами Яндекса (я так и делаю). Опенстрит – он хорош там, где нужно указать места и тропинки, где гуглояндексы не ходят. Бесспорно существует шаманство со слоями и наложениями, но оно вам надо?