Measure MapСправка
Открыть Measure Map

Встраивание карты на ваш сайт

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

Встроенная карта помещает один из ваших проектов на страницу вашего сайта: его фигуры, их измерения и, если у проекта есть цены, его смету. Посетители смотрят её прямо там, без аккаунта, и могут открыть её в Measure Map Online, если им нужно больше места.

Карта проекта, встроенная в веб-страницу компании

Какие проекты можно встраивать#

Что увидят посетители вашего сайта, зависит от уровня доступа проекта:

  • Проекты Только для просмотра и Общедоступный показываются на вашей странице. Посетители могут смотреть, но ничего не могут изменить: во встроенной карте редактирование выключено даже для участников проекта.
  • Исключение — проекты Открытый гость: в них посетители могут измерять и запрашивать у вас смету.
  • Проекты Частный у ваших посетителей не открываются.

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

Получите код для встраивания#

  1. На панели мониторинга нажмите Разработчик, затем Встроить карту. Встраивание всегда использует ваш рабочий ключ: проекты, созданные ключом песочницы, посетители вашего сайта открыть не смогут (см. рабочая среда и песочница).
  2. Если в разделе Получите ключ iFrame API ещё нет ключа, нажмите Создать новый ключ. См. API-ключи.
  3. В разделе Установите ID проекта введите часть названия проекта в поле Выберите проект и выберите его из списка. В списке указано, как открыт доступ к каждому проекту, а шаблонов и проектов из корзины в нём нет. Если выбрать проект с уровнем Частный, страница предупредит, что посетители не смогут его открыть, и предложит Сделать «Только для просмотра».
  4. В разделе Вставьте код выберите, как выглядит карта:
    • Тема: Авто следует светлой или тёмной теме каждого посетителя; либо всегда Светлая или Тёмная.
    • Единицы: Авто (страна посетителя) показывает имперские единицы посетителям из США и метрические всем остальным; либо всегда Имперская или Метрическая.
    • Тип карты: Спутниковые, Карта, Гибридные или Террейн.
    • Ширина и Высота карты на вашей странице в пикселях (от 200 до 2000).
  5. Проверьте Живой предпросмотр.
  6. Нажмите рядом с Код для встраивания и вставьте код в HTML своей страницы там, где должна появиться карта.
Раздел «Встроить карту»: выбранный проект, выбранное оформление, живой предпросмотр и код для встраивания

Код содержит ваш API-ключ, поэтому карта работает, пока вы не замените ключ, на тех сайтах, которые ключ разрешает. После замены старый ключ принимается ещё 24 часа: за это время вставьте новый код на свои страницы. Только Живой предпросмотр на этой странице использует вместо ключа кратковременный токен.

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

Ограничьте карту своими сайтами#

По умолчанию встроенная карта работает на любом сайте. Чтобы другие сайты не могли показывать ваши карты, нажмите Разработчик > API-ключи и добавьте свои сайты, например example.com, в разделе Ограничения сайта. Сайт в списке охватывает и свои поддомены. Как только в списке есть хотя бы один сайт, карта, встроенная где-либо ещё, не открывается. См. ограничьте ключ своими сайтами.

Раздел «Ограничения сайта» с двумя сайтами в списке

Что могут делать посетители#

Во встроенной карте посетители могут:

  • перемещаться по карте и менять масштаб, а также щёлкать по фигуре, чтобы посмотреть её измерения;
  • видеть смету проекта, если она есть;
  • нажать , чтобы сменить тип карты и единицы измерения (см. настройки);
  • нажать кнопку Measure Map Online в правом нижнем углу, чтобы открыть проект в новой вкладке.

В проекте Open Guest они также могут рисовать и измерять, а кнопкой Запросить смету — отправить вам свои данные.

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

Всё ещё нужна помощь?

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

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