返回顶部

嵌入地图、应用程序和群组

在本主题中

  1. 嵌入地图
  2. 嵌入应用程序
  3. 嵌入地图和 web 应用程序群组

共享地图、应用程序或地图群组及应用程序的一种方法是将其包括在网页（如博客或组织的网站）中。 ArcGIS Online 提供了您所需要的代码、要包含的内容的选项以及布局选项。

嵌入地图

要使用即用型 HTML 代码嵌入已在 Map Viewer 中打开的公共地图，请执行以下操作：

  1. 在 Map Viewer 中，打开已保存的地图。
  2. 验证是否已与所有人（公众）共享该地图。
    注：

    如果未公开共享地图，则单击嵌入地图 嵌入式地图 将自动打开地图共享设置。

    有关详细信息，请参阅共享地图的注意事项。

  3. 在内容（深色）工具栏上，单击嵌入地图 嵌入式地图。
  4. 或者，在嵌入窗口中执行以下操作来配置地图：
    • 选择地图模式（浅色或深色）。
    • 选中要包含在地图上的地图元素旁的框：地图标题、图例、地图摘要和书签。
    • 打开在 Map Viewer 中打开切换按钮，以启用在 Map Viewer 中打开嵌入式地图的选项。
  5. 单击复制 HTML 以复制提供的 HTML 代码。
  6. 将代码粘贴到要显示地图的网页中。
    注：

    HTML 代码包含一个脚本标签以及要嵌入地图的自定义元素。 将脚本标签粘贴至 web 页面的 <head> 中。 向要显示地图的 web 页面的 <body> 添加自定义元素。

嵌入应用程序

您可能想要在网站中嵌入应用程序，而非地图。 嵌入应用程序在许多情况下都非常有用。 以下是一些示例：

  • 显示您使用 ArcGIS Configurable Apps 模板（例如使用 Basic Viewer 模板）创建的应用程序，其中包括您配置的所有应用程序功能。
  • 通过嵌入从方向模板中创建的应用程序或使用 ArcGIS Web AppBuilder 中的方向微件，可显示包括嵌入凭据的高级服务，如 World Routing Service。

您可以在嵌入公共 web 地图时使用在网站中嵌入选项来在网站中嵌入应用程序。 要嵌入应用程序而非地图，请按照下述步骤修改所生成的 HTML 代码。 这些步骤可用于嵌入 ArcGIS Online 托管 web 应用程序或 Web AppBuilder 应用程序。

  1. 在 ArcGIS Online 中创建地图和 web 应用程序。
  2. 从以下位置复制应用程序的 URL：应用程序项目页面的概览选项卡，或浏览器中的地址栏（应用程序处于打开状态时）。
  3. 在 Map Viewer 经典版 中，打开用于创建应用程序的地图，然后单击共享。
    注：

    目前，此功能仅在 Map Viewer 经典版 中受支持。 该功能将在 Map Viewer 的未来版本中提供。

  4. 验证是否已与所有人（公众）共享该地图，然后单击在网站中嵌入。

    如果该选项不可用，则表示该地图不是公共地图，您将无法嵌入它。 如果您是该地图的所有者，并且您的组织允许在组织外部进行共享，则您可以将地图的状态更改为公共。

  5. 为嵌入应用程序选择所需大小。
  6. 根据所提供的 HTML 代码，执行以下操作：
    1. 移除位于 src= 之后且位于 ></iframe> 之前的代码部分，并将其替换为您所复制的应用程序 URL。

      例如，您需要移除 "https://acme.arcgis.com/apps/Embed/index.html?webmap=4cc9f0ba8e8c4d68b50c01c17efd4730" 并将其替换为 "https://acme.arcgis.com/apps/View/index.html?appid=6b6a075eca8d4899958fb273710a6806"。

    2. 将组织的 URL 替换为 ArcGIS 公共 URL (https://arcgis.com)。 例如，如果组织的 URL 是 https://acme.maps.arcgis.com，请将 acme.maps.arcgis.com 替换为 arcgis.com。

      由此确保组织外的用户能够访问您的应用程序。

      注：

      如果您的组织 允许匿名访问，则无需将组织的 URL 替换为 ArcGIS 公共 URL。

      代码的已更新部分应如下所示：

      <iframe width="500" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" 
src="https://arcgis.com/apps/View/index.html?appid=6b6a075eca8d4899958fb273710a6806"></iframe>
  7. 将整个 HTML 代码块复制并粘贴到网站配置。
    提示：

    您也可以使用 URL 参数来控制正在嵌入的应用程序的外观和功能。

嵌入地图和 web 应用程序群组

通过 ArcGIS Online 嵌入群组时，需选择布局和显示群组项目的方式。 您只能嵌入公共群组，并且嵌入的图库只显示地图和 Web 应用程序。

  1. 打开将要嵌入的公共群组。
  2. 在概览选项卡上，单击共享 Web 应用程序。
  3. 单击嵌入(已弃用) 按钮 嵌入。

    如果该选项不可用，则表示该群组不是公共群组，您将无法嵌入它。 如果您是该群组的所有者，并且您的组织允许在组织外部进行共享，则您可以将群组的状态更改为公共。

  4. 选择群组项目的布局。
  5. 选择如何显示地图和 web 应用程序：在嵌入图库的上方、在带有预定义图库应用程序的新窗口中或在带有已配置应用程序的新窗口中。
    1. 如果您选择在新的窗口中显示项目，请选择预定义图库的应用程序。
    2. 如果选择在带有已配置的应用程序的新窗口中显示项目，请输入应用程序的 URL。
  6. 复制提供的 HTML 代码。
  7. 单击完成。
  8. 将代码粘贴到要显示群组的网页中。
  9. 在代码中，找到图库的 URL 并将组织的 URL 替换为 ArcGIS 公共 URL (https://arcgis.com)。

    例如，如果组织的 URL 是 https://acme.maps.arcgis.com，请将 acme.maps.arcgis.com 替换为 arcgis.com。

    由此确保组织外的用户能够访问该图库。

    注：

    如果您的组织 允许匿名访问，则无需将组织的 URL 替换为 ArcGIS 公共 URL。

有关此主题的反馈?

在本主题中
  1. 嵌入地图
  2. 嵌入应用程序
  3. 嵌入地图和 web 应用程序群组