Настройка iframe для встраивания опубликованных страниц

Insights в ArcGIS Online
Insights в ArcGIS Enterprise
Insights desktop

Опубликованные страницы Insights можно встраивать в код HTML, используя тег <iframe>. Встроенный фрейм (iframe) позволяет встроить документ HTML в другой документ (страницу). Настроить iframe можно двумЯ способами: оптимизировать iframe для встраивания в ArcGIS StoryMaps или настроить iframe, который может быть встроен в веб-сайты или другие приложения ArcGIS.

Настройка iframe

iframe генерируется при публикации страницы.

Выполните следующие шаги для настройки iframe:

  1. Выполните шаги для публикации страницы.
  2. В окне Страница успешно опубликована, в разделе Встраивание щелкните кнопку Опции, чтобы отобразить опции iframe. Выберите ArcGIS StoryMaps или Пользовательский iFrame.
  3. В разделе Размер откройте меню и выберите размер.

    В ArcGIS StoryMaps возможны опции По умолчанию и Пользовательский. Для Пользовательский iFrame возможны опции размеров Маленький, Средний, Большой и Пользовательский.

  4. Щелкните кнопку Копировать, чтобы скопировать iframe.

Можно скопировать iframe в код HTML или в приложение, которое поддерживает встраивание iframe.

iframe ArcGIS StoryMaps

Вы можете оптимизировать опубликованные страницы, чтобы встроить их в StoryMaps.

Блок Встраивание в конструкторе историй имеет три варианта размеров: маленький, средний и большой. Iframe, которые оптимизированы для StoryMaps, заполняют всю ширину блока. Для наилучшего результата, настройте размер блока Встраивание и ширину страницы Insights так:

Размер встраиваемого блокаМаксимальная ширина страницы Insights

Маленький

Две карточки с размером по умолчанию

Средняя

Три карточки с размером по умолчанию

Большой

Четыре карточки с размером по умолчанию

Если ширина страницы Insights больше блока Встраивание, появится полоса прокрутки.

Для iframe в ArcGIS StoryMaps доступны следующие размеры:

РазмерОбъекты-размерыОписание

По умолчанию

Ширина = 100 процентов

Высота = 100 процентов

Размер iframe в конструкторе историй подгоняется в размерам блока Встраивание по умолчанию (маленький, средний или большой).

Пользовательский

Ширина = 100 процентов

Высота = высота карточек на странице

Размер iframe подгоняется к ширине блока Встраивание (маленький, средний или большой) и высоте уврточек на странице Insights.

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

Пользовательские iframe

Пользовательские iframe могут встраиваться в большинство кодов HTML, включая веб-сайты и продукты ArcGIS, такие как ArcGIS Experience Builder, ArcGIS Dashboards и ArcGIS Hub.

Примечание:

Рекомендуется использовать одну карточку в маленьком iframe при встраивании ресурсов Insights в Experience Builder для оптимизации просмотра на устройствах небольшого и среднего размера.

Для пользовательских iframe в доступны следующие размеры:

РазмерОбъекты-размерыОписание

Маленький

Ширина = 420 пикселов

Высота = 420 пикселов

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

Средняя

Ширина = 830 пикселов

Высота = 830 пикселов

Четыре карточки в два ряда с размером по умолчанию Если опубликованная страница больше размера iframe, появится полоса прокрутки.

Большой (по умолчанию)

Ширина = 100 процентов

Высота = 100 процентов

Полный размер элемента iframe в коде HTML.

Пользовательский

Ширина = ширина карточек на странице

Высота = высота карточек на странице

Размеры карточек на странице, в пикселах, позволяющие видеть всю страницу без полос прокрутки.

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

Ресурсы

Используйте следующие ресурсы, чтобы больше узнать о встраивании iframes в приложения ArcGIS: