配置 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 选项。
  3. 选择 ArcGIS StoryMaps自定义 iFrame
  4. 大小下,打开菜单并选择一个大小。

    对于 ArcGIS StoryMaps,大小选项包括默认自定义。 对于自定义 iFrame,大小选项包括自定义

  5. 单击复制按钮以复制 iframe。

可以将 iframe 复制到 HTML 代码或支持嵌入 iframe 的应用程序中。

ArcGIS StoryMaps iframe

可以优化已发布报表以将其嵌入 ArcGIS StoryMaps 中。

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

嵌入块大小最大 Insights 报表宽度

较小值

默认大小的两个卡片

中值

默认大小的三个卡片

较大值

默认大小的四个卡片

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

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

大小尺寸注记描述

默认值

宽度 = 100%

高度 = 100%

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

自定义

宽度 = 100%

高度 = 报表上卡片的高度

已按照报表中嵌入块(小、中或大)的宽度和卡片的高度将 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 的高度和宽度进行编辑,其支持像素和百分比。

资源

请通过以下资源了解更多详细信息: