配置 iframe 以嵌入共享页面

Insights in ArcGIS Online
Insights in ArcGIS Enterprise
Insights 桌面版

可以使用 <iframe> 标签将共享的 Insights 页面嵌入到 HTML 代码中。 借助嵌入式框架 (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 的应用程序中。

ArcGIS StoryMaps iframe

可以优化共享页面以将其嵌入到 StoryMaps 中。

故事构建器中的嵌入块具有三个大小选项:小、中和大。 针对 StoryMaps 优化的 iframe 将会填充块的宽度。 为了获得最佳效果,请按以下所示调整嵌入块的大小和 Insights 页面的宽度:

嵌入块大小最大 Insights 页面宽度

较小值

默认大小的两个卡片

默认大小的三个卡片

较大值

默认大小的四个卡片

如果 Insights 页面大小比嵌入块更宽,则会出现滚动条。

以下 iframe 大小适用于 ArcGIS StoryMaps iframe:

大小尺寸注记描述

默认值

宽度 = 100%

高度 = 100%

已按照故事构建器中嵌入块(小、中或大)的默认尺寸将 iframe 调整为适合的大小。

自定义

宽度 = 100%

高度 = 页面上卡片的高度

已按照 Insights 页面中嵌入块(小、中或大)的宽度和卡片的高度将 iframe 调整为适合的大小。

可以对自定义 iframe 的高度进行编辑,其支持像素和百分比。

自定义 iframe

可将自定义 iframe 嵌入到大多数 HTML 代码中,其中包括网站和 ArcGIS 产品(例如 ArcGIS Experience BuilderArcGIS DashboardsArcGIS Hub)。

注:

Experience Builder 中嵌入 Insights 内容时,建议在小 iframe 中使用单个卡片,以优化中小型设备上的查看效果。

以下 iframe 大小适用于自定义 iframe:

大小尺寸注记描述

较小值

宽度 = 420 像素

高度 = 420 像素

默认大小的单个地图、图表或表格卡片的大小。 如果共享页面大于 iframe 尺寸,则会显示滚动条。

宽度 = 830 像素

高度 = 830 像素

默认大小的四个卡片的大小,并被组织为两行,每行两个卡片。 如果共享页面大于 iframe 尺寸,则会显示滚动条。

大(默认)

宽度 = 100%

高度 = 100%

HTML 代码中 iframe 元素的完整大小。

自定义

宽度 = 页面上卡片的宽度

高度 = 页面上卡片的高度

页面上卡片的尺寸(以像素为单位),以使整页均可见,不含滚动条。

可以对自定义 iframe 的高度和宽度进行编辑,其支持像素和百分比。

资源

要了解有关在 ArcGIS 应用程序中嵌入 iframe 的详细信息,请使用以下资源: