在弹出窗口中显示图像

视频

本教程也以视频方式提供。

将 shapefile 发布为托管要素图层

您将首先下载 .zip 文件,其中包含本教程的数据。 您需要将 shapefile 作为要素图层上传至 ArcGIS Online

  1. 下载 show_images_in_pop_ups.zip 文件并将其解压到计算机上的位置,例如 C 盘。
  2. 打开解压后的 show_images_in_pop_ups 文件夹。

    该文件夹包含 2 个文件:historic_lakes.zipLop_Nur.jpg

    Lop_Nur.jpg 和 historic_lakes.zip 文件

    请勿解压缩 historic_lakes.zip。 该文件包含 shapefile,这是一种由多个文件构成的空间数据格式。 要在 ArcGIS Online web 地图中使用此数据,您需要上传 shapefile 的压缩副本。

  3. 登录到您的 ArcGIS 组织帐户
    注:

    如果您没有组织帐户,请参阅软件访问权限选项

  4. 在功能区上,单击内容选项卡。
  5. 单击新建项目按钮。

    “新建项目”按钮

  6. historic_lakes.zip 文件拖动到新建项目窗口。
    提示:

    或者,单击您的设备,然后浏览到 .zip 文件。

  7. 确保文件类型设置为 Shapefile您希望如何添加此文件设置为添加 historic_lakes.zip 并创建托管要素图层

    “文件类型”和“您希望如何添加此文件”设置

    此选项将在您的 ArcGIS Online 帐户中创建 2 个项目。 一个项目将是 shapefile 的副本。 另一个项目将是根据 shapefile 的内容创建的要素图层。 您需要要素图层格式的数据,然后才能将其用于在 ArcGIS Online 中创建地图。

  8. 单击下一步
  9. 对于标题,键入 Historic Lakes,后跟您的姓名首字母(例如 Historic Lakes YN)。
    注:

    不能在 ArcGIS 组织中创建同名的两个图层。 可通过向图层名称添加您的姓名首字母以确保组织中的其他人也可以完成本教程。 在创建图层后,可以在地图中对其进行重命名以移除您的姓名首字母,这不会影响基础数据图层的名称。

  10. 对于摘要,键入 Data from naturalearthdata.com

    “新建项目”窗口中的项目详细信息

    稍后可以修改这些详细信息。

  11. 单击下一步

    随即出现新要素图层的项目页面。 该项目的名称为 Historic Lakes,项目类型列为要素图层(托管)

    “要素图层(托管)”项目类型

    托管项目为源图层项目。 它们代表数据集,而未托管的项目仅引用数据集。 如果删除托管要素图层,则还将删除数据。 如果删除未作为主体的要素图层,则仅删除该图层,并且数据仍可供其他图层引用。

    仅当项目被托管并且归您所有时,您才会看到(托管)标注。

    注:

    如果您拥有管理员帐户,则对于组织中所有人拥有的项目,您将看到(托管)标注。

    有关要素图层和托管要素图层的详细信息,请参阅文档

    由于此图层由您托管并归您所有,因此您可以管理数据的功能和方案,而不仅仅是图层属性。 稍后,当您编辑数据以包含图像时,您将利用这一点。

查看数据

接下来,您将以表格和地图的形式查看 Historic Lakes 要素图层。 您将评估默认弹出窗口以了解它们对地图的适用性。

  1. Historic Lakes 项目页面的功能区中,单击数据选项卡。

    “数据”选项卡

    随即出现一个表格,其中显示了图层的属性。 仅存在 2 个字段:WebpageName。 接下来,您将在地图上查看此数据。

  2. 在功能区上,单击可视化选项卡。

    世界地图随即显示。 其中显示了由 4 个湖泊组成的面图层。

  3. 在地图上进行放大,然后单击其中一个湖泊要素。

    乍得湖的弹出窗口

    将显示一个弹出窗口。 其中列出了表格中的 NameWebpage 属性。 Webpage 属性将显示为指向维基百科页面的链接,而非您在表格中看到的 URL 文本。 您还希望在弹出窗口中包含图片。

  4. 内容(深色)工具栏上,单击图层按钮。

    “内容”工具栏上的图层

    图层窗格中,您可以看到图层名称旁的蓝条已选择 Historic Lakes 图层。

  5. 设置(浅色)工具栏中,单击弹出窗口按钮。

    “设置”工具栏上的“弹出窗口”按钮

    弹出窗口窗格列出了 2 个内容项目:标题字段列表。 这是弹出窗口的默认配置,但是可以将其配置为显示更多内容,包括图像。

  6. 弹出窗口窗格中,单击添加内容。 单击图像

    随即出现配置图像窗口。 第一个控件用于输入图像的 URL。 但是,如果您通过此方法添加图片,则每个要素将显示相同的图像。 您希望针对每个湖泊显示不同的图像,因此这不是满足您需求的正确方法。

  7. 关闭配置图像窗口和弹出窗口窗格。

向要素图层添加新字段

通过编辑图层的属性,可以向每个弹出窗口添加图片。 您将向要素图层添加 2 个新字段:一个用于存储图片的 URL,另一个用于存储相应文本,该文本将针对每张图片的源提供制作者名单。

  1. 单击功能区上的数据选项卡。

    表格视图将再次出现。 您将添加一个新字段以存储图像 URL。

  2. 在表格标题上,单击选项按钮。 单击添加字段

    “选项”菜单中的“添加字段”

    由于 Historic Lakes 图层由您托管并归您所有,因此添加字段选项可用。

  3. 添加字段窗口中,对于字段名称,键入 Picture。 对于显示名称,键入 Picture
  4. 确保类型设置为字符串

    “添加字段”窗口

    字符串字段用于存储文本。 其他字段类型用于存储日期或数值。

  5. 单击添加新字段

    Picture 字段将作为新列出现在表格中。

    包含 Picture 列的表格

  6. 再次单击选项按钮,然后单击添加字段
  7. 对于字段名称,键入 Image_source。 对于显示名称,键入 Image source

    关于字段名称中允许的文本类型存在一些规则,例如,无法使用空格。 但是,显示名称是将出现在表格和弹出窗口中的名称。

  8. 对于类型,选择 String

    “添加字段”窗口

  9. 单击添加新字段

    表格现在包含 4 列。

使用 URL 向数据添加图像

接下来,您将使用每个图像的 URL 和制作者名单文本来填充新字段。

  1. 在表格中,双击其中一个 PictureImage source 单元格。

    该单元格将变为可编辑状态。

    表格中的可编辑单元格

  2. 将以下文本复制粘贴到表格中:

    名称图片图像源

    咸海

    https://upload.wikimedia.org/wikipedia/commons/9/9f/Aral_Sea.gif

    NordNordWest、美国国家航空航天局、美国国家影像与测绘局数据,www.unimaps.com

    特斯科科湖

    https://upload.wikimedia.org/wikipedia/commons/a/a6/Lake_Texcoco_%28Lago_de_Texcoco%29_December_1855_map_from_Harper%27s_New_Monthly_Magazine_Volume_12_December_1855_to_May_1856_%28IA_harpersnew12harper%29_%28page_34_crop%29.jpg

    New York: Harper & Brothers Publishers (Harper's New Monthly Magazine Volume 12 December 1855 to May 1856), Brigham Young University-Idaho, David O. McKay Library

    乍得湖

    https://upload.wikimedia.org/wikipedia/commons/9/94/ShrinkingLakeChad-1973-1997-EO.jpg

    NASA

    在地图中使用图像时,必须包含注明创建图像的人员或组织的信息。

    提示:

    下次您在要素图层中包含图像时,在将其添加到 ArcGIS Online 之前,您可能更希望准备好包含图像 URL 和制作者名单文本的表格。 但是,这不是必需的。

使用附件向数据添加图像

无法将最后一个湖泊罗布泊的图片作为 URL 使用。 相反,在本教程开始时,您已随附 shapefile 下载该图片。 您可以在某处在线托管该图像以创建 URL,也可以将其作为附件上传至要素图层。 在本教程中,您将添加该图像作为附件。

  1. Historic Lakes 页面中,单击概览选项卡。
  2. 查看图层部分。

    要素图层(和托管要素图层)由一个或多个子图层组成。 Historic Lakes 仅包含 1 个子图层:Historic_Lakes。 附件在子图层级别启用。

  3. 图层部分中,单击 Historic_Lakes

    Historic_Lakes 子图层

    随即出现一个新页面,其中显示了 Historic_Lakes 子图层的设置。

    注:

    如果出现无法加载错误,请关闭错误消息。

  4. 附件下,打开启用附件

    已打开“启用附件”

    您可以直接从子图层页面访问该子图层的数据,而无需返回主页面。

  5. 在功能区上,单击 Historic Lakes 旁的返回箭头。

    功能区上的“返回”

  6. 单击功能区上的数据选项卡。

    表格将再次出现。 它包含一个名为 Photos and Files 的新列。

    包含 Photos and Files 列的表格

  7. Lop Nur 行的 Photos and Files 列中,单击添加
  8. 照片和文件窗口的添加选项卡上,单击选择文件

    “选择文件”按钮

  9. 浏览至 Show_images_in_pop_ups 文件夹并选择您之前已下载的 Lop_Nur.jpg 文件。 单击打开
  10. 单击上传
  11. 当出现上传成功消息时,请关闭照片和文件窗口。

    对于较大的数据集,管理 URL 表比手动上传文件更加容易。 另一方面,如果您需要附加不希望与公共 URL 共享的文件,则最好使用附件。

  12. Image source 列的 Lop Nur 行中,键入 NASA

    表格中的 Lop Nur 图像源设置为 NASA

配置弹出窗口

数据包含每个湖泊的图像后,您需要配置弹出窗口以显示图像。

  1. 在功能区上,单击可视化选项卡。
  2. 在地图上进行放大,然后单击中国西部的 Lop Nur 要素。

    随即出现一个弹出窗口,其中列出了 2 个原始字段和 2 个新字段。 它还显示了一张图片。

    带有图像的 Lop Nur 要素的弹出窗口

    附件默认显示在弹出窗口中。

  3. 单击哈萨克斯坦和乌兹别克斯坦边界上的 Aral Sea 要素。

    此弹出窗口中未显示任何图片。 相反,Picture 属性显示为链接,与 Webpage 属性相同。

    不含图像的 Aral Sea 要素弹出窗口

    您将配置弹出窗口以显示图像。

  4. 内容窗格上,单击图层

    Historic Lakes 图层现在处于选中状态。

  5. 设置工具栏中,单击弹出窗口选项卡。
  6. 弹出窗口窗格中,单击添加内容,然后单击图像
  7. 配置图像窗口中,单击 URL 旁的字段按钮。

    “字段”按钮

  8. 添加字段窗口中向下滚动,然后单击 Picture 字段。

    “添加字段”窗口中的 Picture 字段

  9. 单击完成
  10. 在地图上,单击每个湖泊要素并滚动到每个弹出窗口的底部。 所有弹出窗口现在均显示图像。 Aral Sea 的图像是一个动画 .gif 文件,并且动画在弹出窗口中播放。

    包含图像的 Aral Sea 要素弹出窗口

    或者,您可以继续在弹出窗口窗格中配置弹出窗口。 例如,可以移除 PictureShape_AreaShape_Length 字段并整理标题文本。 可以在此图层中查看已完成的弹出窗口配置示例。

  11. 关闭弹出窗口和弹出窗口窗格。
  12. 在地图上方的功能区下方,单击保存

    “保存”按钮

    弹出窗口配置设置现已保存到 Historic Lakes 要素图层。 当在 web 地图中使用此图层时,弹出窗口已配置为显示图像。

在本教程中,您已将 shapefile 数据上传至 ArcGIS Online 以创建托管要素图层。 您向要素图层添加了两个字段并对其进行了编辑以包含图像 URL 和图像制作者名单文本。 您还启用了附件并附加了图像。