可以使用 <iframe> 标签将共享的 Insights 页面嵌入到 HTML 代码中。 借助嵌入式框架 (iframe),可以将 HTML 文档嵌入到另一个文档(页面)中。 可以通过两种方式来配置 iframe:优化 iframe 以嵌入到 ArcGIS StoryMaps 中,或者自定义 iframe 以将其嵌入到网站或其他 ArcGIS 应用程序中。
配置 iframe
在共享页面时,将生成一个 iframe。
要配置 iframe,请完成以下步骤:
- 按照步骤共享页面。
- 在页面已成功共享窗口的嵌入下,单击选项按钮以显示 iframe 选项。 选择 ArcGIS StoryMaps 或自定义 iFrame。
- 在大小下,打开菜单并选择一个大小。
对于 ArcGIS StoryMaps,大小选项包括默认和自定义。 对于自定义 iFrame,大小选项包括小、中、大和自定义。
- 单击复制按钮以复制 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 Builder、ArcGIS Dashboards 和 ArcGIS Hub)。
注:
在 Experience Builder 中嵌入 Insights 内容时,建议在小 iframe 中使用单个卡片,以优化中小型设备上的查看效果。
以下 iframe 大小适用于自定义 iframe:
大小 | 尺寸注记 | 描述 |
---|---|---|
较小值 | 宽度 = 420 像素 高度 = 420 像素 | 默认大小的单个地图、图表或表格卡片的大小。 如果共享页面大于 iframe 尺寸,则会显示滚动条。 |
中 | 宽度 = 830 像素 高度 = 830 像素 | 默认大小的四个卡片的大小,并被组织为两行,每行两个卡片。 如果共享页面大于 iframe 尺寸,则会显示滚动条。 |
大(默认) | 宽度 = 100% 高度 = 100% | HTML 代码中 iframe 元素的完整大小。 |
自定义 | 宽度 = 页面上卡片的宽度 高度 = 页面上卡片的高度 | 页面上卡片的尺寸(以像素为单位),以使整页均可见,不含滚动条。 可以对自定义 iframe 的高度和宽度进行编辑,其支持像素和百分比。 |
资源
要了解有关在 ArcGIS 应用程序中嵌入 iframe 的详细信息,请使用以下资源:
- 在 ArcGIS Hub 中嵌入视频、社交媒体和 iframe
- 在 ArcGIS Experience Builder 中嵌入微件
- 在 ArcGIS StoryMaps 中添加媒体
- Insights iframe 指南
- 在 ArcGIS Dashboards 中丰富文本