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

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

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

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

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

• Статическая карта. Это картинка в формате 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. Нажмите кнопку Сохранить на Яндекс Диск: запустите операцию сохранения файла карты на вашем Яндекс Диске. Когда операция завершится, откроется окно сообщения об этом:

   

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

Полезные ссылки

• Конструктор карт
• API Конструктора Карт