创建卷帘应用程序

探索咸海地图

卷帘应用程序是指已启用卷帘工具的 web 应用程序。 Web 应用程序将以简洁、用户友好的体验显示地图,因此用户无需在 Map Viewer 中与大量工具进行交互。

要创建应用程序,首先需要一张地图。 考虑到本教程的目的,我们已经为您创建了一张包含咸海历史和现代影像的地图。 在利用地图数据创建应用程序之前,您需要打开并探索地图以了解数据。

注:

本教程侧重于创建卷帘应用程序,因此影像和地图已创建完成。 要了解如何查找和探索历史影像,请参阅教程探索火山喷发的 Landsat 影像

  1. 打开 Aral Sea in 1964 web 地图。

    默认咸海地图

    该地图显示了位于哈萨克斯坦和乌兹别克斯坦边界上的咸海。 这张黑白图像由一颗氩侦察卫星于 1964 年 8 月 22 日拍摄。 由于当时缺乏彩色摄影技术,加上云层遮挡了部分咸海,因此在某些区域,可能难以确定咸海的确切边界。 作为参考,该地图还包含一条粉色边界线,显示了拍摄该图像时咸海的大致范围。

    注:

    有关咸海的历史图像以及咸海萎缩的原因的详细信息,请参阅 NASA 网站上的文章:The Aral Sea, Before the Streams Ran Dry

    为了更好地理解该地图,您需要查看其图层。

  2. 内容(深色)工具栏上,单击图层

    “内容”工具栏上的“图层”按钮

    注:

    示例图像显示了已展开版本的内容工具栏。 您的工具栏可能默认折叠,仅显示按钮图标。 您可以通过单击工具栏底部的展开折叠按钮来展开或折叠工具栏。

    随即显示图层窗格。 其中列出了 Approximate Shoreline (1964)Aral Sea (1964) 图层。

  3. 图层窗格中,指向 Aral Sea (1964) 图层,然后单击隐藏按钮。

    Aral Sea (1964) 图层的“隐藏”按钮

    该图层随即隐藏,这意味着其不再显示在地图上。 该地图现在显示了咸海的现代影像,指示该湖泊在规模上萎缩的程度。 由粉色边界图层指示的大部分咸海原始范围如今已成为沙漠。

    地图显示了咸海的现代影像

    现代影像并非来自图层窗格中列出的任何图层。 相反,其来自底图,即为数据提供地理环境的背景图层。 此底图由 Esri 维护和更新,并且还包含地图上显示的标注。

    注:

    由于底图定期更新,因此您的底图可能与示例图像略有不同。

  4. 图层窗格中,对于 Aral Sea (1964) 图层,单击显示按钮。

    Aral Sea (1964) 图层的“显示”按钮

    1964 年的咸海黑白图像随即重新显示在地图上。 通过隐藏和显示图层,可以比较历史和现代影像。 但是,这种体验并非最佳,因为您一次只能查看一个图像。

选择应用程序

比较两个图层的更清晰方法是使用卷帘工具,借助该工具,用户可以在地图上拖动图层以显示其下方的图层。 卷帘工具在 Map Viewer 中不可用,但您可以配置一个包含该工具的 web 应用程序。

要创建 web 应用程序,您首先需要登录。 然后,您将使用 ArcGIS Instant Apps 创建应用程序,其中提供了模板,有助于更快地配置应用程序。 您需要选择适用于添加卷帘工具的应用程序模板。

  1. 在功能区上,单击登录按钮。

    “登录”按钮

  2. 使用您的 ArcGIS 组织账户登录。
    注:

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

  3. 内容工具栏上,单击创建应用程序

    “内容”工具栏上的“创建应用程序”按钮

    针对应用程序,提供了多个选项。

  4. 单击 Instant Apps

    Instant Apps 选项

    ArcGIS Instant Apps 随即在新的浏览器选项卡中打开。 其中提供了可供选择的应用程序模板的列表。 要将列表范围缩小为具有卷帘功能的应用程序,您需要按功能进行搜索。

  5. 搜索应用程序功能栏中,键入 swipe。 在选项列表中,单击卷帘

    选项列表中的“卷帘”选项

    库已过滤为支持卷帘功能的应用程序。 除了卷帘工具之外,您不打算添加太多其他功能,因此 Basic (Media Map) 应用程序可能是最合适的。 在做出决定之前,您需要先阅读该应用程序的描述。

    注:

    Imagery Viewer 应用程序也是用于比较影像的推荐选项。

  6. 对于 Basic (Media Map) 模板,单击菜单按钮,并选择应用程序描述

    “应用程序描述”选项

    随即显示包含应用程序描述的窗口。 描述中指出,此应用程序包含常用地图工具,其中包括卷帘工具。

  7. 在应用程序描述窗口中,单击关闭
  8. 对于 Basic (Media Map) 应用程序,单击选择

    Basic (Media Map) 应用程序的“选择”按钮

    提示:

    您也可以在选择应用程序之前查看其预览。 为此,请单击菜单按钮,然后选择预览

    创建应用程序窗口随即显示。

  9. 对于提供应用程序标题,键入 Aral Sea Swipe App

    您也可以添加标签,但默认标签(与 web 地图的标签相同)已适用。

  10. 单击创建应用程序

    已创建应用程序。 新的浏览器选项卡随即出现,其中包含 Instant Apps 配置窗口。

    默认应用程序

    注:

    如果显示快速弹出窗口,请将其关闭。

配置卷帘工具

目前,该应用程序仅具备基本导航功能。 您将配置一个卷帘工具,以便用户在历史影像和底图之间滑动。 要添加卷帘工具,您需要在设置中查找该工具。

  1. 单击搜索设置

    “搜索设置”按钮

  2. 搜索设置窗口中,搜索 swipe。 在结果列表中,单击“卷帘”工具

    结果列表中的“卷帘”工具结果

    交互性面板随即出现。 此面板用于启用卷帘工具。

  3. 启用“卷帘”工具选项。

    “卷帘”工具选项

    卷帘工具(竖条)随即出现在地图上。

  4. 在地图上,左右拖动卷帘工具。

    默认卷帘工具

    无论您如何移动卷帘工具,地图上没有任何变化。 要在历史影像和底图之间滑动,您需要将历史影像图层设置为前导图层。 前导图层指的是在卷帘工具之前显示,但在卷帘工具之后不再显示的图层。

  5. 交互性面板中,对于选择前导图层,展开 Aral Sea (1964)。 选中 Aral_Sea_1964.jpeg 框。

    Aral_Sea_1964.jpeg 复选框

    现在,历史影像仅显示在卷帘工具的一侧,而非另一侧。

    包含前导图层的“卷帘”工具

    最后,您需要将近似海岸线图层设置为尾随图层,这意味着其将在卷帘工具之后显示,而在卷帘工具之前不显示。 由于历史影像以全图范围显示了咸海,因此海岸线要素即便可见,也无需进行查看。

  6. 对于选择尾随图层,选中 Approximate Shoreline (1964) 框。

    Approximate Shoreline (1964) 复选框

  7. 在地图上,左右拖动卷帘工具。

    地图上的最终卷帘工具

    现在,通过滑动,即可并排比较过去和现在的咸海影像。 即使对于没有 GIS 经验、可能不知道如何打开和关闭图层的用户来说,这种显著差异也是显而易见的。

    提示:

    您也可以更改卷帘方向。 默认方向为水平方向,即卷帘工具从左向右移动。 如果将卷帘方向选项更改为垂直,则卷帘工具将上下移动。 对于您的应用程序,建议采用水平卷帘方向,但您也可以尝试其他选项。

发布和共享应用程序

配置卷帘工具后,即可发布并共享您的应用程序。 共享之后,任何拥有应用程序链接的用户都能够看到该应用程序,并使用卷帘功能以了解咸海的变化情况。

注:

本教程侧重于卷帘工具,但您也可以向应用程序添加许多其他工具以改善用户体验。 有关配置应用程序的其他方法,请参阅教程创建应用程序

  1. 交互性面板的底部,单击发布

    “发布”按钮

  2. 发布窗口中,单击确认发布

    应用程序已发布。 共享弹出窗口随即出现,其中显示了共享级别。 目前,仅与所有者(您)共享该应用程序。 您需要更新共享设置,以便所有人都能够查看该应用程序。

  3. 单击更改共享设置

    “更改共享设置”按钮

  4. 共享窗口中,对于设置共享级别,选择所有人(公众)

    “设置共享级别”选项

    注:

    要与所有人共享应用程序,也必须以相同的方式共享地图及其图层。 在本例中,已与所有人共享您用于创建应用程序的地图,因此您无需执行任何操作。 如果您使用的是在应用程序中创建的地图,则还需要共享该地图。

  5. 单击保存

    现在已与所有人共享该应用程序。 您需要复制该应用程序的链接并将其启动。

  6. 单击共享按钮。

    “共享”按钮

    共享弹出窗口随即再次出现。

  7. 单击复制链接

    “复制链接”按钮

    随即将应用程序的 URL 复制到您的剪贴板。 您可以将其粘贴到电子邮件或其他消息中以与您认识的所有人共享该应用程序。

  8. 共享弹出窗口中,单击查看已发布应用程序

    应用程序将显示在新的浏览器选项卡中。

  9. 或者,探索您的应用程序。

在本教程中,您使用咸海历史影像的 web 地图创建了一个卷帘应用程序,以便用户了解该湖泊随时间推移的萎缩过程。 通过发布和共享您的应用程序,您可以向其他人展示这一巨大变化,它影响了曾经是世界上的最大湖泊之一。

您可以在教程库中找到更多教程。