嵌入地图、应用程序和组

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

嵌入地图

注:

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

要嵌入您在 Map Viewer 经典版 中打开的公共地图,可复制即用型 HTML 代码并将它粘贴到您的网站中。 另外,您还可以在复制代码前配置地图的嵌入视图。 您可以选择地图大小、选择地图选项、添加符号至地图位置并选择一个主题。

  1. Map Viewer 经典版 中,打开已保存地图并单击共享
  2. 验证是否已与所有人(公共)共享该地图。
  3. 单击在网站中嵌入

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

  4. 如果地图中包含演示文稿,则您将在到您希望嵌入什么?下看到两个选项。 单击地图即可嵌入地图。 如果只想嵌入演示文稿,则单击演示文稿
  5. 或者执行以下操作来配置地图:
    • 选择地图大小。
    • 选中要包括在地图上的选项的复选框 - 缩放控件、主目录按钮、底图选择器(选择库或切换),查看大型地图的链接、禁用滚动缩放、比例尺、位置搜索(选中以使用当前地图范围进行搜索)、地图详细信息、图例(选择活动面板 - 地图详细信息或图例)以及预览图像(显示应用程序加载时的地图图像)。 预览显示您的选项在地图上将要出现的位置。
      提示:

      如果包含了查看大型地图的选项,大型地图会在它自己页面的嵌入式应用程序中打开。 可通过在 HTML 代码中编辑 View larger map 更改链接名称。

    • 向地图上的特定位置添加符号。 使用添加符号选项卡选择位置并输入符号的标题、弹出窗口描述和作为符号显示的图像 URL。 为获得最佳效果,图像大小不应超过 120 像素(宽)x 120 像素(高)。 其他图像大小将自动调整为该尺寸。 可接受的图像格式包括 PNG、GIF 和 JPEG。
    • 选择主题。
  6. 复制提供的 HTML 代码。
  7. 将代码粘贴到要显示地图的网页中。
  8. 在代码中,找到地图的 URL 并将组织的 URL 替换为 ArcGIS 公共 URL (https://arcgis.com)。 例如,如果组织的 URL 是 https://acme.maps.arcgis.com,请将 acme.maps.arcgis.com 替换为 arcgis.com

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

    注:

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

嵌入应用程序

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

  • 显示您使用 ArcGIS Configurable Apps 模板(例如使用 Basic Viewer 模板)创建的应用程序,其中包括您配置的所有应用程序功能。
  • 通过将 Geoform 应用程序嵌入到网站中,可以提高数据采集的效率。
  • 通过嵌入从方向模板中创建的应用程序或使用 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. 概览选项卡上,单击嵌入按钮 嵌入

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

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

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

    注:

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