Карта на сайт яндекс конструктор: Конструктор карт Яндекса

Создание карты — Конструктор карт Яндекса. Справка

  1. В окне Создайте собственную карту нажмите кнопку Создать карту:

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

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

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

    Нажав кнопку К импорту, вы запустите процедуру импорта карты из файла:

  2. В открывшемся окне Конструктора карт создайте объекты — метки, линии, многоугольники.

    Внимание.

    Существуют определенные ограничения на создание объектов:

    • На карту может быть добавлено не более 10 000 объектов (включая и метки, и линии, и многоугольники).

    • Одна линия или многоугольник могут включать не более 1 000 вершин.

      Если число вершин объекта превышает эту величину, объект можно автоматически упростить: удалить некоторые вершины таким образом, чтобы максимально сохранить общий вид объекта.

  3. Выберите вид своей карты. Для этого нажмите кнопку Слои и в открывшемся меню выберите вариант:

    • Схема — схематическое изображение картографических объектов: дорог, домов и т. д.

    • Спутник — снимок местности, сделанный из космоса,

    • Гибрид — снимок местности, сделанный из космоса, дополненный информацией карты: названиями улиц, адресами и др.

  4. Вы можете дополнить свою карту отображением слоя автомобильных пробок. Для этого нажмите кнопку Пробки. Чтобы выключить режим — нажмите ее повторно.

    Степень загруженности участка дороги показывается цветом:

    • — дорога свободна;
    • — скорость движения на этом участке ниже, чем на свободной дороге;
    • — пробки;
    • — движение перекрыто.
  5. В области Редактирование карты задайте для карты название (оно пригодится при выборе нужной карты из списка ваших карт) и описание (оно поможет вспомнить подробности, относящиеся к карте):

    Список созданных вами объектов отобразится в области Список объектов. Если вам понадобится отредактировать объект — нажмите на его название в этом списке.

    Примечание.

    Вы также можете изменить порядок отображения объектов внутри каждой категории, перемещая нужную метку (или линию, или многоугольник) на первый или, наоборот, на задний план. Подробнее см. раздел Создание объекта.

    После того как все нужные объекты будут созданы, нажмите кнопку Сохранить и продолжить. Откроется панель Тип карты:

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

    Это можно сделать несколькими способами (подробнее см.  раздел Выбор типа карты и получение кода или ссылки).

  7. Вы также можете сохранить объекты вашей карты на Яндекс Диск в виде файла определенного формата (KML, CSV, GPX или GeoJSON).

  8. Чтобы вернуться в режим редактирования карты, перейдите по ссылке Вернуться к редактированию карты.

  9. Чтобы перейти к списку своих карт, нажмите кнопку Перейти к списку карт.

Поделиться картой — Яндекс Карты. Справка

  1. Получить ссылку
  2. Вставить виджет карты
  3. Вставить виджет отзывов

Вы можете поделиться фрагментом Яндекс Карты, найденным объектом или построенным маршрутом.

Для этого:

  • Скопируйте адрес из строки браузера.

  • Получите ссылку.

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

  • Получите код для вставки виджета отзывов.

Подробнее о том, как скопировать ссылку на карту, созданную самостоятельно, см. в разделе Конструктор карт.

В других случаях — воспользуйтесь API Яндекс Карт.

  1. Нажмите:

  2. В открывшемся окне:

    • Нажмите значок нужной социальной сети, чтобы разместить ссылку автоматически.

    • Скопируйте ссылку, чтобы отправить ее другому пользователю.

Если вам нужно автоматически получать ссылки на Яндекс Карты на сайте, подставляя местоположение пользователя, воспользуйтесь URL-схемой Яндекс Карт и сформируйте нужную ссылку самостоятельно.

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

Для этого используйте автоматически генерируемый код:

  1. В правом верхнем углу страницы нажмите кнопку .

  2. Выберите Поделиться.

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

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

  4. Чтобы карта на вашем сайте была локализована, модифицируйте код для вставки на сайт.

    Добавьте в скопированный код параметр 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.

Для публикации вы можете использовать автоматически генерируемый код:

  1. Откройте карточку организации.

  2. В правом верхнем углу страницы нажмите кнопку .

  3. Выберите Поделиться.

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

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

Написать в службу поддержки

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. Встраивание интерактивной карты с заданными размерами

 

    <голова>
        Пример с интерактивной картой
    
    <тело>
        <дел>
            
        

Пример 2. Встраивание интерактивной карты в конкретный контейнер

 

    <голова>
        Пример с интерактивной картой в конкретном контейнере
        
    
    <тело>
        <дел>
    
 

Пример 3. Встраивание интерактивной карты в контейнер с заданными параметрами

 

    <голова>
        Пример с интерактивной картой в конкретном контейнере указанного размера
        
    
    <тело>
        <дел>
    
 

Статическая карта вставляется на страницу с помощью элемента img . Параметры карты, которые можно задать в атрибуте src :

  • um — идентификатор карты (обязательно).

    Пример значения параметра: um=конструктор%3A834e99a97453487e0b040c9619. . .

    Примечание. В предыдущих версиях конструктора карт идентификатор карты задавался в параметре sid . Пример: sid=29uD3jKC-8XFdTlfCwkxSmnSQkYPbrYH . Этот параметр был устаревшим .

  • width — Ширина карты в пикселях (если не указано, берется из сохраненных параметров карты).

  • height — Высота карты в пикселях (если не указано, берется из сохраненных параметров карты).

  • lang — Язык. Поддерживаются следующие значения: ru_RU (по умолчанию), ru_UA, uk_UA, en_RU, en_US, tr_TR. Подробнее см. в разделе Локализация карты.

  • apikey — Ключ API Карт. Требуется, если карта используется в коммерческих целях. Дополнительные сведения см. в разделе Использование коммерческой версии API.

Примечание. Фрагмент кода можно встроить только в элемент body .

В приведенных ниже примерах показано размещение статической карты на странице.

Пример 1. Встраивание статической карты без указания размера

 

    <голова>
        Пример со статической картой
    
    <тело>
        
    
 

Пример 2. Встраивание статической карты с заданными размерами

 

    <голова>
        Пример со статической картой
    
    <тело>
        
    
 

Коммерческий API предназначен для коммерческих целей. Вы можете использовать его в закрытых системах, приложениях и программных модулях. Платная версия снимает некоторые ограничения стандартной лицензии.

Коммерческая версия применима как к интерактивным, так и к статическим картам.

Для использования коммерческой версии API со статической картой в коде элемента необходимо указать параметр apikey — Ключ API, полученный в консоли разработчика. Например:

  yandex.ru/services/constructor/1.0/static/?um=constructor%3A053bd947D462CC1A45AEBA407070DEFFF75501905071C0EAF68436AC9976EC698C & ширина = 500 и рост = 400 и LANG = EN_US & APIKEY =  "ALT =" /> 

. Яндекс.Карт, найденное место или проложенный маршрут.

Для этого выполните следующие действия:

  • Скопируйте адрес из адресной строки.

  • Получите ссылку.

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

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

В остальных случаях используйте API Карт Яндекса.

  1. Нажмите:

    • Кнопку на карте и выберите Поделиться.

    • Кроме того, вы можете щелкнуть в панораме.

  2. В открывшемся окне:

    • Щелкните значок нужной социальной сети, чтобы автоматически опубликовать ссылку.

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

Если вам необходимо автоматически публиковать ссылки на Яндекс Карты на вашем сайте, который использует данные о местонахождении посетителя, используйте URL-схему Яндекс Карт для создания ссылки.

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

Для этого используйте автоматически сгенерированный код:

  1. В правом верхнем углу страницы нажмите .

  2. Выберите Общий доступ.

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

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

  4. Чтобы использовать локализованную карту на своем сайте, отредактируйте код для встраивания.

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

    Значение параметра включает:

    • Код языка: ru — русский, uk — украинский.

    • Код региона: например, RU — Россия, UA — Украина.

    Например, lang="tr_TR" означает турецкий язык, используемый в Турции.

    Для России и Украины регион и язык интерфейса карты определяются настройками User ID Яндекса. Например, если язык пользователя в Яндекс ID русский, он находится в Киеве, а карта, которую он просматривает, создана в RU или UA, он увидит карту на русском языке, но локализованную для Украины.

    Пример кода

    • Параметр опущен:

      Если вы не укажете параметр lang, регион и язык интерфейса карты определяются на основе настроек карты, которые были у вас при создании кода.

    • Указан параметр (английский для России):