Работа с конструктором карт Яндекса.

Для начала работы с конструктором карт необходимо создать учетную запись на yandex.ru (или войти под уже существующей).

Далее, переходим по адресу yandex.ru/map-constructor/, после чего Вы попадете на страницу конструктора карт.


С помощью кнопки «Список карт» (отмечена красной стрелкой) можно просмотреть уже созданные Вами карты.

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

Конструктор позволяет сделать импорт из файла, для этого нажмите кнопку «Импорт», после чего выберите файл. (поддерживаются следующие форматы: XLSX, CSV, KML, GPX или GeoJSON ).


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

Для добавления адреса вручную, необходимо указать его в поисковой строке.


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

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


Когда все необходимы адреса будут добавлены на карту нажимаем кнопку «Сохранить и продолжить».


Следующим шагом выбираем как будет отображаться карта.

В левой части сайта расположены настройки карты, справа показано отображение карты.


Рассмотрим настройки карты.

Тип карты:

  • Интерактивная карта — такая карта будет отзываться на действия пользователей.
  • Статическая карта — карта будет представлена в виде PNG изображения.

Размеры карты.

Указываем значения ширины и высоты. Если необходимо, чтобы карта растягивалась на ширину контейнера, необходимо поставить галочку «Растянуть по ширине».

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

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


Далее, копируем полученный код и вставляем в необходимое место на сайте.

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


Не знаете с чего начать? Напишите

Получите полную консультацию по Вашему проекту бесплатно и быстро!