操作方法

操作方法:在网站中嵌入 ArcGIS Online web 应用程序

Last Published: May 6, 2021

摘要

在 ArcGIS Online 中公开共享 web 地图时,可以使用“在网站中嵌入”选项。 此选项将自动生成一个 HTML 代码块,可以将其复制粘贴到网站,从而可以直接在网页上查看地图。 可以更改此代码块以允许嵌入 web 应用程序(而非 web 地图)。 此选项对于嵌入 ArcGIS Online 托管 web 应用程序、Web AppBuilder 应用程序和 Map Viewer 十分有用。

过程

在网站中嵌入 web 应用程序在各种情况下都十分有用。

  • 要在网页(包含默认打开的图例)上显示地图,Map Tools web 应用程序模板可以与 web 地图配合使用,并嵌入到网页中。
  • 要提供包含具有嵌入式凭据的高级服务的地图,例如 World Routing Service。 例如,可以通过 Directions web 应用程序模板或使用 Web AppBuilder 中的“方向”微件找到路径。
  • 要显示包含“相关记录”功能的地图,可以将 Map Viewer 嵌入网站中。

在网页中嵌入 ArcGIS Online 托管 web 应用程序、Web AppBuilder 应用程序或 Map Viewer 的步骤

  1. 在 ArcGIS Online 中创建 web 地图和 web 应用程序,然后复制 web 应用程序的 URL。 此 URL 可以从 URL 部分下 web 应用程序的项目详细信息页面复制,也可以在打开应用程序时复制。
注: 如果嵌入 Map Viewer,则在 Map Viewer 中打开 web 地图时,需要复制其 URL。
  1. 打开用于创建应用程序的 web 地图,然后转至共享选项。 启用共享给所有人(公众)选项,然后单击在网站中嵌入。 为嵌入地图选择所需大小。
     
  2. 在由在网站中嵌入选项生成的代码块中,移除 <iframe>  标签 src 属性中的代码块 URL 部分(介于 src=  与 ></iframe> 之间),然后在双引号之间粘贴 web 应用程序的 URL,如下所示。
<iframe width="500" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://arcgis.com/apps/Viewer/index.html?appid=1fa6b89a300c4e9ebf84613dd5c44b9f"></iframe>
这将提供可在网页中使用的代码,因此可以在其中嵌入 ArcGIS Online 托管 web 应用程序、Web AppBuilder 应用程序或 Map Viewer。
  1. 将 HTML 代码块复制粘贴到网站配置。

文章 ID: 000012322

接收通知并查找新问题或常见问题的解决方案

从我们全新的 AI 聊天机器人中获得简明答案和视频解决方案。

下载 Esri 支持应用程序

相关信息

发现关于本主题的更多内容

获取来自 ArcGIS 专家的帮助

联系技术支持部门

下载 Esri 支持应用程序

转至下载选项