Вставить Яндекс карту на сайт

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

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

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

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

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

яндекс карты на сайт

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

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

вставить карту яндекс на сайт

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

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

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

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

карта для сайта яндекс конструктор

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

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

создать яндекс карту для сайта

Затем нужно вставить код карты Яндекс у вас на сайте.

Код карты Яндекс можно вставить на HTML страницу или как в нашем случае на страницу записи движка Вордперсс.

код карты яндекс для сайта

Выглядеть это будет так (можно посмотреть ниже, не картинки)!

Пример Интерактивной карты Яндекс:

Пример Статической карты Яндекс:

Оставить комментарий

avatar
  Подписаться  
Уведомление о