Яндекс карты на сайт: создать, добавить, вставить карту, конструктор

Если ваш сайт представляет из себя сайт по продаже какой-то услуги или просто вы хотите, чтобы клиенты смогли найти вас, желательно вставить Яндекс карту на сайт в раздел контакты или адрес организации. Вашим клиентам будем намного удобнее сориентироваться как к вам добраться, с какой стороны здания попасть в ваш офис, тем более что при добавлении карты Яндекс на ваш сайт, можно установить ваши личные метки, проложить маршрут например от остановки до подъезда вашего офиса. Как добавить Яндекс карту на сайт, мы разберем ниже. Итак задача: нам нужно сделать так, чтобы нашим клиентам было удобнее вас найти, запомнить где вы располагаетесь. Разберем для примера Успенскую церковь в Москве.

Как добавить Яндекс карту на сайт

Для начала нужно войти в ваш аккаунт Яндекс. Для этого достаточно зарегистрировать почту в Яндексе, если у вас её нет.

Перейти в конструктор Яндекс карт: https://yandex.ru/map-constructor

В конструкторе вбиваем название вашей новой карты, находим на карте Яндекс ваш офис или другое, в данном примере находим в Москве Успенскую церковь.

Теперь давайте подпишем на нашей будущей Яндекс карте сведения о нашем офисе.

Поставим метку, для этого нужно нажать на кнопочку “Метки”. Напишем название метки и описание. При нажатии на метку, будет выскакивать описание. Также можно выбрать значок и изменить цвет, если требуется.

Проложим маршрут к нашей церкви от станции метро, для этого нужно нажать на кнопочку “Линии”. Проложим маршрут от станции метро Охотный ряд до нашей церкви. Чтобы подкорректировать линию, нужно нажать на кнопку “Линии”, чтобы кнопка стала неактивной и с помощью ползунков перетащить нашу линию, в данном примере по тротуару, чтобы она не проходила через здание. Также у линии можно изменить цвет, прозрачность и толщину линии.

В описании к линии будет показываться длина линии, в данном случае расстояние от метро до церкви. Также можно дополнительно поставить другие значки и линии, например данный участок нужно пройти пешком. Либо указать заезд на автомобиле к вашему офису.

У нас должно получится что-то похожее:

Теперь нам нужно сохранить нашу карту, нажимает кнопку “Сохранить и продолжить”.

Далее в открывшемся конструкторе карт выбираем Вставить на сайт, задаем размеры карты в пикселях, указываем карта является интерактивной или статической. Затем нажимаем Получить код карты.