Яндекс.Карта: как создать и добавить на сайт Яндекс карту (Конструктор Яндекс.Карт)

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

Для сайта интерактивная карта создается через конструктор Яндекс.Карт. Он формирует код, который вы вставите на свой сайт..

Перейдите в конструктор Яндекс.Карт. Нажмите на кнопку «Создать карту».

Кнопка «Создать карту»

Введите название карты. Описание вводит не обязательно.

Название и описание карты

Создание меток

Через метки на интерактивной карте Яндекса для сайта создаются офисы, магазины, склады и разные торговые точки организации.

Укажите адрес в поле «Адрес или объект».

Поле «Адрес или объект»

После этого Яндекс.Карта предложит точный адрес. Нажмите на него.

Выбор точного адреса Яндекс.Карт

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

Создания метки по адресу на Яндекс.Карте

Если предложения создать метку не появилось, то вызовите его через кнопку из трех полосок.

Создания метки по адресу через кнопку на Яндекс.Карте

В поле «Подпись метки» укажите название организации. В поле, где указан ваш адрес, можете еще написать номер телефона и электронную почту. Выберите цвет, тип дизайна метки и если надо - иконку.

Информация о метке

Должно получится что-то вроде этого.

Пример метки Яндекс.Карт с информацией

Нажмите на кнопку «Готово», чтобы сохранить метку.

Кнопка сохранения информации метки в Яндекс.Картах

Вы увидите ее в списке меток.

Метка в списке меток Яндекс.Карты

Таким образом вы можете создать несколько меток на интерактивной карте Яндекса для сайта.

Настройка карты для сайта

Теперь надо настроить внешний вид интерактивной карты Яндекса для сайта. С помощью кнопок приближения / отдаления и перемещая карту мышкой настройте подходящие под метки расположение карты.

Настройка расположения карты в конструкторе Яндекс.Карт

Нажмите на кнопку «Сохранить и продолжить».

Сохранение расположения карты

Настройте участок карты, который будет виден на сайте.

Выбор видимой области карты в Яндекс.Карте для сайта

В настройках виджета выберите:

  • Поле «Интерактивную карту»;
  • Поле «Растянуть по ширине экрана», чтобы карта адаптировалось под размер экрана компьютера;
  • Высоту на ваше усмотрение.

Настройка виджеда конструктора Яндекс.Карт для сайта

Нажмите на кнопку «Получить код карты», чтобы завершить создание.

Получить код виджета Яндекс.Карт для сайта

Из появившегося окна скопируйте код.

Код виджета Яндекс.Карт для сайта

Вставьте его в подходящее поле на сайте. В ezCatalog CMS такое поле называется «Код отображения карты проезда». Оно находиться в разделе панели управления «Контактные данные сайта».

Используя наш сайт, вы соглашаетесь на обработку файлов cookie.