Skip To Content

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

共享地图、应用程序或者地图及应用程序组的一种方法是将其包括在网页(如博客或组织的网站)中。您的门户提供了您所需要的代码以及布局和显示的多种选择。需要具备共享权限才能使用工具在 Portal for ArcGIS 中嵌入地图、应用程序和群组。

嵌入地图

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

  1. 验证您是否已登录并具备共享内容的权限
  2. Map Viewer 中,打开已保存地图并单击共享
  3. 验证是否已与所有人(公众)共享该地图。
  4. 单击在网站中嵌入

    如果该选项不可用,则表示该地图不是公共地图,您将无法嵌入它。 如果您是地图的所有者,则可以将其状态更改为公共。

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

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

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

嵌入应用程序

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

  • 显示您使用可配置应用程序模板(例如使用 Basic Viewer 或其中一个故事地图模板)创建的应用程序,其中包括您配置的所有应用程序功能。
  • 通过将 Geoform 应用程序嵌入到网站中,可以提高数据采集的效率。
  • 通过嵌入从方向模板中创建的应用程序或使用 Web AppBuilder for ArcGIS 中的方向微件,可显示包括嵌入凭据的高级服务,如 World Routing Service。

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

  1. 验证您是否已登录并具备共享内容的权限
  2. 在门户中创建地图和 web 应用程序。
  3. 从以下位置复制应用程序的 URL:应用程序项目页面的概述选项卡,或浏览器中的地址栏(应用程序处于打开状态时)。
  4. Map Viewer 中,打开用于创建应用程序的地图,然后单击共享
  5. 验证是否已与所有人(公众)共享该地图,然后单击在网站中嵌入

    如果该选项不可用,则表示该地图不是公共地图,您将无法嵌入它。如果您是地图的所有者,则可以将其状态更改为公共。

  6. 为嵌入地图选择所需大小。
  7. 从所提供的 HTML 代码中移除位于 src= 之后且位于 ></iframe> 之前的代码部分,并将其替换为您复制的应用程序 URL。

    例如,您需要移除 "http://arcgis.com/apps/Embed/index.html?webmap=4cc9f0ba8e8c4d68b50c01c17efd4730" 并将其替换为 "http://arcgis.com/apps/View/index.html?appid=6b6a075eca8d4899958fb273710a6806"。代码的已更新部分应如下所示:

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

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

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

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

  1. 验证您是否已登录并具备共享内容的权限
  2. 打开将要嵌入的公共群组。
  3. 概述选项卡上,单击共享然后单击在网站中嵌入

    如果该选项不可用,则表示该群组不是公共群组,您将无法嵌入它。 如果您是群组的所有者,则可以将其状态更改为公共。

  4. 选择群组项目的布局。
  5. 选择如何显示地图和 web 应用程序:在嵌入图库的上方、在带有预定义图库应用程序的新窗口中或在带有已配置应用程序的新窗口中。
    1. 如果您选择在新的窗口中显示项目,请选择预定义图库的应用程序
    2. 如果选择在带有已配置的应用程序的新窗口中显示项目,请输入应用程序的 URL。
  6. 复制提供的 HTML 代码。
  7. 将代码粘贴到要显示群组的网页中。