Выбор типа карты и получение кода или ссылки

  1. Интерактивная карта
  2. Статическая карта
  3. Печатная карта

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

Примечание.

Кроме того, вы можете экспортировать свою карту в файл. См. раздел Экспорт объектов карты.

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

Для этого выберите нужный тип карты (нажмите кнопку на панели Тип карты):

  • Интерактивная карта. Карту этого типа можно двигать, а объекты отзываются на действия пользователя.

    Подробнее см. раздел Интерактивная карта.

  • Статическая карта. Это картинка в формате PNG. На статической карте можно разместить ограниченное число объектов.

    Подробнее см. раздел Статическая карта.

  • Печатная карта. Это изображение карты в высоком разрешении, которое можно распечатать.

    Подробнее об этом типе и существующих ограничениях см. раздел Печатная карта.

Интерактивная карта

Чтобы получить код для вставки на сайт, в блог или мобильное приложение своей карты таким образом, что с ней можно будет взаимодействовать (двигать, менять масштаб, строить маршруты, просматривать описания и т. п.), выберите тип карты Интерактивная:

  1. Нажмите кнопку

  2. Задайте значения параметров карты:
    1. Размеры карты. Их можно задавать или меняя числа в полях «Размеры карты» — размеры задаются в px (пикселях), или меняя размер выделенной области на карте (подробнее см.  API Конструктора Карт).
    2. Опция Растянуть по ширине. Если включить ее, то для вашей карты будет задано значение параметра width = 100% (подробнее о параметрах см. раздел API Конструктора Карт). В этом случае встроенная на сайт карта займет всю ширину (100%) блочного элемента:

  3. Нажмите на панели Тип карты кнопку Получить код карты.

    В открывшейся форме вы можете скопировать код, который позволит отобразить вашу карту на сайте или в блоге (доступны два варианта HTML-кода ─JavaScript или iframe):

    Внимание.

    Использование кода iframe имеет ограничения:

    • для карт доступен только вид Схема,

    • карта может отображаться только на крупных масштабах,

    • не все теги HTML будут работать (см. ограничение).

    При использовании кода JavaScript по умолчанию на карте Конструктора нет поиска / маршрутов / панорам.

    Чтобы они появились, нужно получить API-ключ в Кабинете разработчика для продукта «JavaScript API и HTTP Геокодер» и добавить его в код.

    Пример кода с использованием API-ключа:

    <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor:%3A053bd947d462cc1a45aeba4070defff75501905071c0eaf68436ac9976ec698c&amp;width=602&amp;height=400&amp;lang=ru_RU&amp;scroll=true&amp;apikey=<ваш API-ключ>">
</script>
    Скопировано
    Примечание. Код JavaScript можно модифицировать с помощью API Конструктора Карт.
  4. Получите ссылку, по которой вашу карту можно будет увидеть в интернете. Это можно сделать двумя способами:
    1. Скопируйте содержимое поля Ссылка на Яндекс.Карты на панели Тип карты.
    2. Нажмите на панели Тип карты кнопку Открыть в Яндекс.Картах.

      Ваша карта откроется на Яндекс.Картах вместе с информационной панелью (см. выше).

      Нажмите на этой панели кнопку Поделиться .

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

    Примечание.

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

Статическая карта

Внимание.

Статические карты имеют ограничения на число объектов.

Чтобы получить код для вставки своей карты в виде статического изображения (такие карты можно размещать на сайтах без поддержки JavaScript), выберите тип карты Статическая:

  1. Нажмите кнопку

  2. Задайте размеры карты. Их можно задавать или меняя числа в полях «Размеры карты» — размеры задаются в px (пикселях), или меняя размер выделенной области на карте (подробнее см.  API Конструктора Карт).
  3. Получите код карты.

    Нажмите на панели Тип карты кнопку Получить код карты.

    В открывшейся форме вы можете скопировать код, который позволит отобразить вашу карту. Подробнее см. в разделе API Конструктора Карт.

Печатная карта

Чтобы сохранить на Яндекс.Диске файл, содержащий изображение карты в высоком разрешении, которое можно распечатать, или чтобы непосредственно отправить свою карту на печать в текущем разрешении, выберите тип карты Печатная:

  1. Нажмите кнопку

  2. Задайте значения параметров карты:
    • Размеры карты. Их можно задавать или меняя числа в полях «Размеры карты», или меняя размер выделенной области на карте (подробнее см.  API Конструктора Карт).

      Для печатных карт вы можете выбрать единицу измерения: пиксели (px), дюймы (in) или сантиметры (cm).

    • Формат файла. Выберите формат (PNG или JPG) файла, в котором будет сохранена ваша карта.

    • Качество. Выберите значение разрешения растрового изображения вашей карты: 96 DPI (для просмотра в WEB) или 300 DPI — для печати карты.

    Внимание.

    Печатные карты высокого разрешения можно создать:

    • Только для карт вида Схема; для спутниковых снимков и гибридов карты для печати создать нельзя.

    • Только для крупных масштабов карты; для обзорных (мелких) масштабов печатные карты создать нельзя.

    • Только в последних версиях настольных браузеров Firefox, Chrome, Яндекс.Браузер, Edge, Safari и Opera.

    Если разрешение карты не важно, вы можете перейти по ссылке Воспользуйтесь стандартной печатью и распечатать карту без перечисленных ограничений.
  3. Нажмите кнопку Сохранить на Яндекс.Диск: запустите операцию сохранения файла карты на вашем Яндекс.Диске. Когда операция завершится, откроется окно сообщения об этом:

Файл будет сохранен в автоматически созданной папке Конструктор Яндекс.Карт вашего Яндекс.Диска под тем именем, которое вы дали карте.