Содержание
Создание карты — Конструктор карт Яндекса. Справка
-
В окне Создайте собственную карту нажмите кнопку Создать карту:
Если вы уже создали одну или несколько своих карт и хотите вернуться к созданной карте, то вы увидите список этих карт и сможете выбрать нужную.
В каждой строке списка отображаются название и дата последнего обновления карты, а также кнопка, при нажатии на которую открывается меню.
Выбор пунктов меню позволяет создать копию карты, удалить ее или поделиться ею (для этого надо выбрать пункт Поделиться, и в открывшейся форме — скопировать ссылку на карту).
Нажав кнопку К импорту, вы запустите процедуру импорта карты из файла:
-
В открывшемся окне Конструктора карт создайте объекты — метки, линии, многоугольники.
Внимание.
Существуют определенные ограничения на создание объектов:
-
На карту может быть добавлено не более 10 000 объектов (включая и метки, и линии, и многоугольники).
-
Одна линия или многоугольник могут включать не более 1 000 вершин.
Если число вершин объекта превышает эту величину, объект можно автоматически упростить: удалить некоторые вершины таким образом, чтобы максимально сохранить общий вид объекта.
-
-
Выберите вид своей карты. Для этого нажмите кнопку Слои и в открывшемся меню выберите вариант:
-
Схема — схематическое изображение картографических объектов: дорог, домов и т. д.
-
Спутник — снимок местности, сделанный из космоса,
-
Гибрид — снимок местности, сделанный из космоса, дополненный информацией карты: названиями улиц, адресами и др.
-
-
Вы можете дополнить свою карту отображением слоя автомобильных пробок. Для этого нажмите кнопку Пробки. Чтобы выключить режим — нажмите ее повторно.
Степень загруженности участка дороги показывается цветом:
- — дорога свободна;
- — скорость движения на этом участке ниже, чем на свободной дороге;
- — пробки;
- — движение перекрыто.
-
В области Редактирование карты задайте для карты название (оно пригодится при выборе нужной карты из списка ваших карт) и описание (оно поможет вспомнить подробности, относящиеся к карте):
Список созданных вами объектов отобразится в области Список объектов. Если вам понадобится отредактировать объект — нажмите на его название в этом списке.
Примечание.
Вы также можете изменить порядок отображения объектов внутри каждой категории, перемещая нужную метку (или линию, или многоугольник) на первый или, наоборот, на задний план. Подробнее см. раздел Создание объекта.
После того как все нужные объекты будут созданы, нажмите кнопку Сохранить и продолжить. Откроется панель Тип карты:
-
В панели Тип карты выберите нужный тип карты и получите код карты для вставки на сайт, в блог или мобильное приложение. Вы также можете скопировать ссылку на свою карту и поделиться ею с друзьями.
Это можно сделать несколькими способами (подробнее см. раздел Выбор типа карты и получение кода или ссылки).
-
Вы также можете сохранить объекты вашей карты на Яндекс Диск в виде файла определенного формата (KML, CSV, GPX или GeoJSON).
-
Чтобы вернуться в режим редактирования карты, перейдите по ссылке Вернуться к редактированию карты.
-
Чтобы перейти к списку своих карт, нажмите кнопку Перейти к списку карт.
Поделиться картой — Яндекс Карты. Справка
- Получить ссылку
- Вставить виджет карты
- Вставить виджет отзывов
Вы можете поделиться фрагментом Яндекс Карты, найденным объектом или построенным маршрутом.
Для этого:
-
Скопируйте адрес из строки браузера.
-
Получите ссылку.
-
Получите код для вставки виджета Яндекс Карт.
-
Получите код для вставки виджета отзывов.
Подробнее о том, как скопировать ссылку на карту, созданную самостоятельно, см. в разделе Конструктор карт.
В других случаях — воспользуйтесь API Яндекс Карт.
-
Нажмите:
-
В открывшемся окне:
-
Нажмите значок нужной социальной сети, чтобы разместить ссылку автоматически.
-
Скопируйте ссылку, чтобы отправить ее другому пользователю.
-
Если вам нужно автоматически получать ссылки на Яндекс Карты на сайте, подставляя местоположение пользователя, воспользуйтесь URL-схемой Яндекс Карт и сформируйте нужную ссылку самостоятельно.
Вы можете опубликовать виджет карты на сайте или в блоге.
Для этого используйте автоматически генерируемый код:
-
В правом верхнем углу страницы нажмите кнопку .
-
Выберите Поделиться.
-
Чтобы использовать на своем сайте карту, найденный объект или построенный маршрут, скопируйте код из поля Виджет с картой.
Чтобы увидеть, как будет выглядеть карта на сайте, нажмите кнопку Предпросмотр.
-
Чтобы карта на вашем сайте была локализована, модифицируйте код для вставки на сайт.
Добавьте в скопированный код параметр lang, который определит язык и регион интерфейса карты.
Значение параметра состоит из:
-
кода языка: ru — русский, uk — украинский;
-
кода региона: например, RU — Россия, UA — Украина.
Например, запись lang=»tr_TR» определит использование турецкого языка в Турции.
Для России и Украины регион и язык при просмотре карты будут определены настройками Яндекс ID пользователя. Например, если в Яндекс ID пользователя указан русский язык и пользователь будет из Киева смотреть карту, созданную в регионах RU или UA, то он всегда увидит карту на русском языке, локализованную для Украины.
-
Параметр не задан:
<iframe src="https://api-maps.yandex.ru/frame/v1/-/CVh7YBYg?" frameborder="0"></iframe>
Если параметр lang не задан, регион и язык при просмотре карты будут определены в соответствии с настройками карты при получении кода.
-
Параметр задан (английский язык для России):
<iframe src="https://api-maps.yandex.ru/frame/v1/-/CVh7YBYg?lang=en_RU" frameborder="0"></iframe>
Адрес страницы: https://api-maps.yandex.ru/frame/v1/-/CVh7YBYg?lang=en_RU
Если параметр lang задан, регион будет определяться заданным значением, независимо от домена, на котором создана карта.
Пример кода
Поддерживаемые значения:
-
ru_RU: русский, Россия;
-
en_US: английский, США;
-
en_RU: английский, Россия;
-
ru_UA: русский, Украина;
-
uk_UA: украинский, Украина;
-
tr_TR: турецкий, Турция.
Параметр аналогичен параметру lang, используемому в API Яндекс Карт.
-
Примечание.
Для регионов RU, UA и TR расстояние показывается в километрах, для US — в милях.
Виджет отзывов о работе организации можно опубликовать на сайте или в блоге.
Примечание. Виджет работает корректно при ширине от 300 px до 760 px, рекомендуемая высота — не менее 500 px.
Для публикации вы можете использовать автоматически генерируемый код:
-
Откройте карточку организации.
-
В правом верхнем углу страницы нажмите кнопку .
-
Выберите Поделиться.
-
Чтобы использовать на своем сайте карту, найденный объект или построенный маршрут, скопируйте код из поля Виджет с отзывами
Чтобы увидеть, как будет выглядеть виджет с отзывами на сайте, нажмите кнопку Предпросмотр.
Написать в службу поддержки
Map Constructor API
Map Constructor — это простой в использовании онлайн-инструмент для создания карт с указаниями направлений и отметками мест на картах. Вы можете разместить созданные карты на своем веб-сайте или в блоге. Вы также можете использовать эти карты в соответствии с Коммерческим API.
Чтобы отобразить карту на веб-странице, просто скопируйте код виджета, сгенерированный Конструктором карт, и вставьте его на страницу.
Конструктор карт позволяет создавать карты двух типов: интерактивные и статические. Для интерактивных карт Конструктор карт создает элемент скрипта
, который загружает код JavaScript для создания карты на страницу. Для статической карты Конструктор карты генерирует элемент img, который содержит ссылку на страницу, выполняющую перенаправление 301 на Static API с указанными параметрами карты.
API конструктора карт позволяет изменять настройки карты, передавая нужные параметры в коде виджета. Например, вы можете задать высоту и ширину карты, а также ее язык.
Вы не можете изменить код виджета Map Constructor, созданный с помощью элемент iframe
.
Интерактивная карта встраивается на страницу с помощью элемента сценария . С помощью атрибута
src
можно задать следующие параметры карты:
-
um
— идентификатор карты (обязательно).
Пример значения параметра: um=constructor%3A834e99a97453487e0b040c9619..
.
Примечание. В предыдущих версиях конструктора карт идентификатор карты задавался в параметре sid
. Пример: sid=29uD3jKC-8XFdTlfCwkxSmnSQkYPbrYH
. Этот параметр был устаревшим .
-
ширина
— Ширина карты в пикселях или процентах. Если этот параметр опущен, карта растягивается на всю ширину родительского контейнера.
-
height
— Высота карты в пикселях или процентах. Если этот параметр опущен, карта растягивается на всю высоту родительского контейнера. Если этот параметр указан в процентах, необходимо задать высоту родительского контейнера, иначе карта не будет отображаться.
-
id
— ID элемента DOM для встраивания карты. Указывается, если виджет вставляется на страницу в элементе .
-
lang
— Язык. Поддерживаются следующие значения: ru_RU (по умолчанию), ru_UA, uk_UA, en_RU, en_US, tr_TR. Подробнее см. в разделе Локализация карты.
-
scroll
— включить поведение «масштабирование карты колесиком мыши». Принимает значение "истина".
-
apikey
— Ключ API Карт. Если API-ключ не указан, на карте не будут отображаться следующие элементы управления: панель поиска, кнопка построения маршрута и панорамы.
Примечание. Виджет можно вставить либо в элемент body
, либо в элемент head
. Если код виджета находится в элементе head
, то в атрибуте src
необходимо указать параметр id
.
Если один и тот же код виджета с тем же id
вставляется на страницу несколько раз, все карты будут добавлены в элемент DOM с указанным id
.
Ниже показано несколько примеров встраивания интерактивной карты на страницу.
Пример 1. Встраивание интерактивной карты с заданными размерами
<голова>
Пример с интерактивной картой
<тело>
<дел>