创建 Web 应用程序
要为休闲区网站创建 Web 应用程序,您将使用 ArcGIS Instant Apps。Instant Apps 包括一个应用程序模板库和多个配置选项,因此您可以设计一个针对受众需求量身定制的应用程序。
注:
如果需要创建功能来参与公共推广户外娱乐活动,则使用 Recreation Outreach 解决方案。 本教程重点介绍如何创建 Web 应用并将其配置为支持两种或更多语言。 它提供了户外休闲参与功能的一小部分选项。
选择 Web 应用程序模板
首先,您将登录到 ArcGIS Online,并使用 Instant Apps 选择一个合适的模板。
- 登录到您的 ArcGIS 组织账户。
注:
如果您没有组织账户,请参阅软件访问权限选项。
- 在功能区中,单击内容。

随即显示您的内容页面。 此页面显示您账户中的所有内容,并包含创建内容(包括应用程序)的选项。
- 单击创建应用,然后选择 Instant Apps。

Instant Apps 库页面随即在新的浏览器选项卡中打开。 库中包含许多应用程序模板,您可以基于模板功能进行过滤。 因为您希望提供两种语言选项,所以您将搜索包含语言切换器功能的模板。
- 在搜索应用功能中,键入 language,并选择 language switcher。

库将过滤出具有语言切换器功能的模板。 您希望应用程序具备的另一个功能是显示徒步路线的高程。
使用高程剖面图是显示线性路径(例如小径)高程的一个好方法,此剖面图是景观的二维横截面视图,可描绘高程的上升和下降。 您将进一步过滤库,以显示具有高程剖面图功能的模板。
- 对于搜索应用程序功能,输入 elevation,然后选择 elevation profile。
此功能已添加为过滤器。

库现在包含一些模板。 Nearby 模板可能是一个不错的选择。 您将查看应用程序描述,以确认是否为您所需的应用程序。
- 对于 Nearby,单击菜单按钮并选择应用程序描述。

随即显示包含应用程序模板文本描述的窗口。 描述指出,此模板基于位置搜索引导用户到达感兴趣点并提供方向指引。 此模板似乎正是您帮助公园游客搜索和了解附近徒步路线所需要的。
- 在 Nearby 窗口中,单击关闭。
- 对于 Nearby,单击选择。
提示:
要在选择之前预览应用程序模板,单击示例以查看使用此模板的应用程序示例。
创建应用程序 - Nearby 窗口随即显示,其中包含提供应用程序标题和搜索标签的选项。
- 对于为应用程序提供标题,输入 Santa Monica Mountains Hiking Trails。
- 对于添加标签,输入 Los Angeles 和 Hikes,需在每次输入后按 Enter 键。
- 可以选择用于保存应用程序的文件夹。

- 单击创建应用程序。
应用程序已创建,并显示应用程序配置窗口。
默认情况下,配置窗口设置为快速模式。 此模式包括所有应用程序设置经过简化的一部分,旨在强调最基本的设置并引导您完成配置过程。
您可以关闭快速模式以查看所有设置,或者根据需要搜索特定设置,考虑到您的目的,使用此模式即可。
选择地图
接下来,您将配置模板以适应需求。 要执行的第一步是选择要在应用程序中显示的地图。此地图将显示圣莫尼卡山中的徒步路线和小径起点。
- 单击步骤 1. 地图。

地图窗格随即出现。
将选择已为您创建的圣莫尼卡徒步路线 Web 地图。 除了步道数据外,它还包括图层名称、图例以及旨在支持多语言应用程序的属性和弹出窗口。您将在本教程的第二部分中了解更多相关信息。
通常,您可能需要自行创建要在应用程序中显示的地图,但是对于本教程而言,将假设您已创建地图。
注:
要了解有关创建 Web 地图的详细信息,请尝试 ArcGIS Online 入门。 要了解有关创建类似于本教程中使用的地图的详细信息,请参阅为双语应用程序配置地图。
- 单击选择地图。

选择地图窗口随即显示。 默认情况下,窗口将显示您拥有的地图。 您将使用的地图由 Esri Tutorials 管理员账户所有。
- 单击我的内容并选择 ArcGIS Online。

现在,窗口显示在 ArcGIS Online 上公开共享的所有地图。
- 在搜索栏中,输入 Santa Monica Trails owner:Esri_Tutorials。

地图列表过滤为显示单个结果:Santa Monica Trails,由 Esri_Tutorials 所有。
- 对于 Santa Monica Trails,单击选择地图。

应用程序预览将更新,显示步道地图以及解释如何使用该应用程序的介绍性文本。

注:
如果您没有立即看到黑色符号,您可能需要放大画面。 这些步道起点标记是与比例尺相关的,只有在较大的比例下(放大)才会显示出来。
配置功能
应用程序不仅可以显示地图。 还包含多种功能,可更改用户与应用程序交互并从中获取有意义信息的方式。 您希望应用程序具备的主要功能为:搜索附近徒步路线的功能、查看路线高程剖面图的功能以及显示路线方向的功能。
首先,您将查看模板中提供的信息,这些信息可帮助用户了解地图以及如何使用应用程序功能。
- 在配置窗格中,单击下一步。

关于窗格将出现在配置窗格中。

关于窗格包含用于配置信息的工具,以帮助查看者了解地图。 默认的介绍描述了在地图上查找位置的各种搜索方法,因此您无需进行任何更改。
接下来,您将配置搜索设置。
- 单击下一步。
此时将显示邻近窗格。 您将选择要包含在搜索结果中的图层。 您希望用户能够搜索步道起点和步道。
- 对于结果中包含的图层,选中 Trailheads/Inicios de senderos 和 Trails/Sendero。

地图创建者了解该应用程序的目标,因此包含了图层的英文和西班牙文名称。
接下来,您需要在应用程序中设置搜索参数。 默认搜索距离为 2 千米,考虑到休闲区的面积为 638 平方千米(或约 246 平方英里),此距离并不是很远。 您将设置搜索半径、增加默认搜索距离和最大搜索距离,并将测量单位更改为英里。
- 设置如下参数:
- 对于搜索方法,单击搜索半径。
- 对于搜索单位,选择英里。
- 对于最大搜索距离,输入 10。
- 对于默认距离,输入 5。

接下来,您将启用导航并设置所用的测量单位。
- 在邻近窗格底部,启用显示导航。 对于单位,选择英制。

您已配置搜索功能并启用了导航。 接下来,您将配置高程剖面图功能,允许游客在选择徒步路线之前查看路线高程。 高程剖面图不在快速面板的基本设置列表中,因此您将搜索此功能。
- 单击搜索设置。

- 在搜索设置窗格中,输入高程,然后单击将高程剖面图链接添加到弹出窗口。

因为此设置未显示在快速模式中,在继续操作之前,系统将提示您关闭快速模式。
- 在关闭快速模式窗口中,单击继续。
邻近窗格现在包含搜索结果的所有设置。
- 在添加到结果下,启用在弹出窗口中添加高程剖面链接。 对于结果中包含导航链接的图层,选中 Trailheads/Inicios de senderos。

现在,步道图层搜索结果中将提供高程剖面。
您将对应用程序进行最后两处更改。您将添加一个按钮以显示地图图层及其图例,以及一个允许用户将底图切换为显示该区域卫星影像的按钮。 这些选项使地图更有用。
- 在配置窗格中,单击交互性。

- 在交互性窗格中,单击修改。
- 打开图层列表。 当更多选项可用时,启用显示图例。

- 打开底图切换。 对于选择底图,单击影像。

在预览窗格的地图底部,将出现切换底图和打开图层列表按钮。

您的 Web 应用程序已完成。 它包含了您希望帮助游客规划徒步旅行的所有功能。
发布应用程序
您现在可以发布该应用程序并进行共享,以便所有人都可以查看它。
- 单击发布。

- 在发布窗口中,单击确认。
随即显示一个窗口,询问您是否对高级内容进行授权。 由于 Santa Monica Mountains Hiking Trails 图层具有用于在应用程序中提供导航的路径规划功能,因此属于高级服务。
如果您未授权高级内容,则没有 ArcGIS 账户的用户在使用您的应用程序时可能无法看到路线图层。如果您授权高级内容,那么每次有用户查看该应用程序时,都会消耗您组织的配额。 除非确定您的组织可以承受成本,否则您不应授权高级内容。
在此情景中,您是效力于政府机构的官员,因此希望授权高级内容,以便所有用户都可以查看应用程序的内容。 但是,考虑到本教程的目的,您将使高级内容保持未授权状态,以避免不必要的配额消耗。
- 在授权高级内容窗口中,单击不授权,继续。
您的应用程序已发布。 共享窗口随即出现,显示用于共享应用程序的选项。当前,应用程序未共享。 您要将其与公众共享,以供所有人查看。
注:
考虑到本教程的目的,您选择了不授权高级内容,因此没有 ArcGIS 账户的用户可能无法在应用程序中查看路线图层。
- 单击更改共享设置。

- 在共享窗口中,选择所有人。 单击保存。
- 在配置窗格中,单击共享。

- 在共享窗口中,单击启动。
您的 web 应用程序已完成并将显示在新浏览器选项卡中。 所有具有应用程序 URL 的用户都可以进行访问。
- 测试搜索选项并查看每个图层结果中提供的信息,包括查找路线和检查步道的高程剖面。 使用切换底图和打开图层列表按钮更改底图并浏览每个图层的图例。
要搜索特定地址,请尝试搜索距 4515 Park Entrada, Calabasas, CA 91302 3 英里范围内的步道起点。 然后,您可以单击 Parkway Calabasas 步道起点卡片上的方向按钮,找到前往那里的路径。
您已使用 Instant Apps 成功创建并发布了 Web 应用程序。
实施语言切换
您已创建了一个 Web 应用程序,供休闲区游客查找步道起点、步道并获取路线指引。 接下来,您将增强此应用程序,使其能够服务英语和西班牙语用户。 应用程序中共有三种类型的文本需要翻译并在每种语言中显示;您将逐一处理。
显示 Esri 定义的西班牙语文本
Esri 定义的文本通常通过工具和工具提示公开。 它存储在应用程序中。 要在您的应用程序中以西班牙语显示此文本,您需要启用语言切换器功能。
- 返回 ArcGIS Instant Apps 配置浏览器选项卡。 如有必要,请关闭共享窗口。
- 单击语言切换器。

语言切换器窗格随即显示。
- 在语言切换器窗格中,开启语言切换器。 当该选项出现时,开启启动时打开语言切换器。

接下来,您将选择语言。
- 在语言设置下的选择要翻译的语言中,选择西班牙语 - Español。

注:
可以选择多项语言。
- 在地图选项下的地图微件图标中,选择 language-translate。

该按钮将显示在预览窗格的地图上。
- 在应用程序预览中,选择西班牙语 - Español。

- 在应用程序预览中,搜索 Pencheta Trl, Agoura Hills, California, 91301,并检查结果。
之前标题为 Results 的英语搜索结果现在标题为西班牙语的 Resultados。 带有文本 Clear search location 的蓝色条现在显示为 Borrar ubicación buscada。 您还将在高程剖面中找到西班牙语术语。
所有这些文本都是 Esri 定义文本,即 Instant Apps 模板自带的文本内容。 当语言切换器中设置了西班牙语 - Español 后,应用程序显示的翻译文本,与设备用户的浏览器或 ArcGIS Online 配置文件设置为“西班牙语 - Español”时所显示的翻译文本完全一致。 ArcGIS Online 中包括西班牙语以及其他数十种语言的 Esri 定义文本术语,它们作为 ArcGIS Maps API for JavaScript 的一部分进行交付。
- 在预览窗格中,单击 Abbrir ventana de introducción 按钮。

解释如何使用搜索选项的介绍性文本仍然是英语。

这是应用程序文本,指的是 Instant Apps 默认提供的或由应用程序创建者编写的文本。 接下来,您将翻译应用程序文本,使其也提供西班牙语版本。
显示西班牙语的应用程序文本
您将使用翻译助手为应用文本提供西班牙语翻译。
- 在语言切换器窗格的语言设置下,找到已翻译的文本,并单击翻译配置。

此时将显示翻译窗口,左侧列出英语的应用程序文本,右侧是对应的西班牙语文本输入框。 列出的应用程序文本字段包括应用程序标题、地图的备选文本和简介标题。
有两种方法可以填充这些翻译后的文本字段。 如果您掌握或能够获取翻译后的术语,您可以逐个输入,也可以通过电子表格一次性导入。 如果您不了解或无法获取这些翻译后的术语,则可以使用翻译助手自动翻译文本并填充这些字段。
在本教程中,您将使用翻译助手,它基于机器翻译技术。
注:
截至本文发布时,翻译助手尚处于预览版阶段。 这意味着它介于测试版和正式版之间。 了解有关支持资源了解预览版 AI 助手中预览版的详细信息。
机器翻译不能完全取代人工翻译,强烈建议由精通目标语言的用户对翻译结果进行审核。
要了解关于直接添加您自己的翻译或通过电子表格导入的详细信息,请参阅 ArcGIS Instant Apps:使用新的语言切换器创建多语言应用程序。 要详细了解翻译助手功能,请参阅文档标题 ArcGIS Instant Apps 翻译助手概览。
- 在翻译窗口的西班牙语 - Español 一侧,单击翻译助手。

- 在翻译助手窗口中,阅读提示信息,然后单击继续。
- 在选择要翻译的语言中,选中西班牙语 - Español。 单击翻译。
几分钟后,西班牙语字段将被自动填充。
- 检查翻译后的文本。 感到满意后,单击关闭。
- 在应用程序预览窗格中,查看这些文本。
介绍性文本现在以西班牙语显示。 包括应用程序标题在内的其他应用程序文本也已翻译成西班牙语。 您可能需要邀请一位精通西班牙语的人士来审核这些西班牙语术语,并进行必要的修改。
显示西班牙语的地图和数据文本
到目前为止,您已经利用 Nearby 应用程序模板提供的语言切换器功能,实现了两种类型文本(Esri 定义文本和应用程序文本)的西班牙语显示。 相比之下,第三种文本类型,即地图和数据文本,则需要在源地图及其数据图层中进行处理。
地图和数据文本是通过地图提取的任何文本。 它包括(但不限于)弹出信息、图层名称、字段名称和要素标注。 本教程中使用的源地图已配置为根据每个语言版本的属性数据显示弹出窗口。 在应用程序中,这些弹出窗口会以结果卡片的形式显示,并使用语言切换器中设置的语言。 要查看结果卡片,请在应用程序或应用程序预览中进行搜索,然后展开步道起点和步道结果。 然后,在语言切换器中更改语言,重复搜索并展开搜索结果。
要了解如何配置类似于本教程中使用的地图,请参阅为双语应用程序配置地图。 教程演示了如何使用 Arcade 和属性编辑功能来制作英语和西班牙语版本的弹出窗口。 博客文章使用 Arcade 翻译用于 ArcGIS Instant Apps 的弹出窗口提供了另一个示例。
在本教程中,您使用了一个预先配置的 Web 地图作为应用程序的数据源,该应用程序允许用户搜索和评估圣莫尼卡山脉的徒步选项。 您添加了探索步道高程剖面以及查找步道起点路线的功能。 您通过添加语言切换选项(允许在英语和西班牙语之间切换)进一步增强了您的 Web 应用程序。 通过配置语言切换器功能,您启用了 Esri 定义文本和应用程序文本的翻译。 由于源地图的属性表已配置了两种语言的值,因此应用程序结果卡片会以相应的语言显示地图和数据文本。 您的最终应用程序对于同时使用英语和西班牙语的用户来说将非常有价值。
您可以在教程库中找到更多教程。