创建地图

在本模块中,您将创建一张地图,显示飓风来袭时,德克萨斯州休斯顿的疏散路线。首先,创建一张新地图并定位至德克萨斯州的休斯顿。然后,您将添加一个显示疏散路线的地图图层。最后,您将更改地图和图层的外观以更好地显示数据。

开始一张地图

您将登录并导航到感兴趣的地区(德克萨斯州休斯顿)来开始您的地图。

  1. 打开 ArcGIS Enterprise 并使用指定用户帐户登录您的门户。
  2. 单击功能区上的地图

    功能区上的“地图”链接

    随即打开一个新地图。

    提示:

    如果您位于新会话中,单击地图将打开新地图。否则,将打开现有地图(您上次使用的地图)。如果打开了现有地图,请单击新建地图

    默认地图

    您的地图外观因您的帐户或组织设置以及浏览器窗口大小而异。地图可能会显示美国(如示例图像所示)、世界或其他范围。地图上唯一的图层是底图,它提供了诸如水体和政治边界等地理环境。默认底图为地形底图,但是根据组织的设置,地图的底图可能有所不同。

    地图上方是功能区。在地图的左侧是详细信息窗格,提供有关地图及其图层的信息。接下来,您将导航到感兴趣的区域。

  3. 在功能区的搜索框中输入 Houston。在建议位置的列表中,单击 Houston, TX, USA

    德克萨斯州休斯顿的搜索结果

    注:

    一些 Enterprise 门户拥有自定义地址定位器。您可能会看到与示例图像不同的搜索结果。

    地图会缩放至休斯顿。搜索结果弹出窗口会确认位置。

    显示德克萨斯州休斯顿的地图

  4. 关闭搜索结果弹出窗口。

添加图层

接下来,您将向地图添加一个图层,显示飓风来袭时,休斯顿的疏散路线。您将从包含全世界精选地理数据的 ArcGIS Living Atlas of the World 中添加该图层。

  1. 在功能区上,单击添加,然后选择搜索图层

    “浏览 Living Atlas 图层”选项

    随即显示搜索窗格。您要添加的图层归联邦用户社区所有,该社区是包含美国政府数据的 ArcGIS 帐户。您可以向搜索词中添加图层所有者的名称,以便更加轻松地查找图层。

  2. 确认 ArcGIS Online 显示在窗格顶部。
    注:
    浏览 Living Atlas 图层专门搜索由 Esri 精选的 Living Atlas 内容。诸如联邦用户社区等其他用户提交的权威内容仍由 Living Atlas 精选,但可从 ArcGIS Online 获取。
  3. 在搜索框中,键入 Hurricane Evacuation Routes。然后输入 owner:Federal_User_Community

    在 ArcGIS Online 中搜索飓风疏散路线

  4. Enter 键。

    搜索将返回一个结果。

  5. 针对 Hurricane Evacuation Routes 图层,单击添加按钮。

    添加 Hurricane Evacuation Routes 图层

    图层随即添加到地图。

    飓风疏散路线的地图

    路线显示为穿越整个城市的深灰色线,但是它们在地形底图上没有清晰地突出显示出来。您要将底图更改为较浅的配色方案,以便路线能够突出显示出来。

  6. 在搜索窗格中,单击后退按钮。

    您将返回到内容窗格。其中列出了地图上包括底图在内的所有图层。

    注:

    您可能需要单击显示地图内容按钮以查看内容窗格。

  7. 在功能区上,单击底图,然后选择浅灰色画布

    底图库

    注:

    一些门户的默认底图可能会有所不同。如果您没有看到 Light Gray Canvas 底图,请单击添加,然后选择浏览 Living Atlas 图层。搜索 World Light Gray 并添加 World Light Gray Base World Light Gray Reference 图层。然后,在内容窗格中,单击各个图层的更多选项按钮并选择移至底图

    底图更改。在详细程度较低的浅色底图中,疏散路线的显示效果更加突出。

    使用浅灰色画布底图的地图

导航地图

在继续之前,最好能够浏览地图并熟悉休斯顿的相关地理内容。随着对该区域了解的不断深入,您会获得更加完善的信息,以便为后期的决策和定论提供支持。浏览之前,您将创建当前范围的书签,以便能够在需要时快速返回。

  1. 在功能区上,单击书签,然后选择添加书签

    “添加书签”选项

    随即显示书签名称的文本框。

  2. 在文本框中,输入 Houston 然后按 Enter 键。

    书签随即添加完成。您可以选择此书签以自动导航到创建书签的地图范围。

  3. 关闭书签标记地点窗口。

    现在,您已准备好探索这座城市。

  4. 放大至城市的中心(位于 Houston 标签附近),直至 Buffalo、Brays 和 White Oak Bayous 显示在地图上。
    提示:

    有多种方式可以进行缩放。您可以单击地图角落中的放大按钮,也可以向上滚动鼠标滚轮。或者,您也可以按住 Shift 键,同时在想要进行缩放的区域周围绘制一个框。

  5. 如有必要,平移地图,直至三个河口均显示在地图上。

    缩放至河口范围的地图

    休斯顿有几个主要河口(平坦低洼的沼泽或湿地)。飓风来袭期间,这些河口容易泛洪,因此尤为危险。稍后确定高风险区域时,您可能需要记住这个区域。

  6. 添加当前地图范围的书签。将书签命名为 Bayous
  7. 在功能区上,单击书签,然后选择 Houston

    地图将缩放至原始范围。

更改样式

尽管疏散路线在浅色底图上的显示效果更加突出,但是它们可能过于引人注目。您将更改图层的样式(又称符号系统),以将路线设置为更浅的颜色,并将线宽设置为更粗的尺寸。

  1. 内容窗格中,指向 Hurricane Evacuation Routes 图层,然后单击更改样式按钮。

    “更改样式”按钮

    随即显示更改样式窗格。图层可以拥有单一符号,也可以拥有多个符号,具体取决于名称和速度限制等属性信息。您将在稍后了解有关属性信息的详细信息。现在,您只对道路位置的显示感兴趣,而不是对每条道路的特定特征感兴趣,因此您将继续用单一符号来对图层进行符号化。

  2. 针对位置(单一符号),单击选项

    位置(单一符号)选项按钮

    窗格将更改为提供多个样式选项,例如图层的透明度或地图的可见范围。您将更改符号本身的颜色和大小。

  3. 单击符号

    符号选项

    随即显示一个窗口,其中包括调色板和其他选项。

  4. 在调色板上,选择最下一行、右数第四列的蓝色。

    调色板上的深蓝色

    选择颜色后,六个字符的十六进制代码将更改为 #004C73

  5. 针对线宽,选择 3 px。

    “线宽”选项

  6. 单击确定

    新的线颜色和线宽随即应用至图层中。

  7. 更改样式窗格中,单击确定。然后,单击完成

    疏散路线为蓝色的地图

    符号的线宽越粗颜色越深,路线越突出、越引人注目。

    路线图层是一个要素图层,这意味着它由具有不同特征的单个要素组成。在本练习中,每个路段都是一个要素。您可以在地图中单击要素并打开其弹出窗口,以此查看要素的特征(也称为属性信息)。

  8. 单击一段疏散路线。

    随即打开弹出窗口。

    I-45 疏散路线的弹出窗口

    根据弹出窗口,您可以了解路线的名称(在示例图像中,路线名称为 I-45)、路线是否铺设完毕,以及道路类型。Hurricane Evacuation Routes 图层的所有者专门配置了此弹出窗口,以便通过清晰可读的方式显示属性信息。您将在后面的课程中了解如何配置弹出窗口。

  9. 单击几个不同的路段以查看其弹出窗口。完成后,关闭弹出窗口。

保存并共享地图

接下来,您将保存您的疏散地图并为其分配标题、标签和摘要,以方便后续查找与识别。然后,您将共享地图,使其可供访问。

  1. 在功能区上,单击保存按钮,然后单击另存为

    “保存”按钮

    保存地图窗口随即打开。

  2. 针对标题,输入 Houston Evacuation Map

    接下来,您将添加标签。标签是用户在 ArcGIS Enterprise 组织中搜索地图使用的术语。

  3. 对于标签,输入以下全部标签,然后在每次输入后按 Enter 键:

    • Hurricanes
    • Roads
    • Evacuation Routes
    • Houston

    摘要显示在地图的详细信息页面中,提供的信息应帮助用户更好地了解地图的目的。

  4. 针对摘要,输入本地图显示飓风来袭时,德克萨斯州休斯顿的疏散路线

    “保存地图”窗口参数

  5. 单击保存地图

    地图即保存完毕。它现在显示在您帐户的内容中。您可以通过单击主页,然后选择内容来访问您的内容。现在,您将设置共享权限。

  6. 单击功能区上的共享按钮。

    共享按钮

  7. 共享窗口中,选中所有人
    注:

    或者,您也可以选择仅在 ArcGIS Enterprise 内共享,或在组织内选择群组。

  8. 单击完成
    提示:

    您也可以通过嵌入地图的方式在面向公众的网站(ArcGIS Online)或内部网站(ArcGIS Enterprise)中展示您的地图。在共享窗口中,单击在网站中嵌入,然后选择所需地图选项和符号。然后,复制提供的 HTML 代码并将其粘贴到您的网页中。

在本课程中,您定位到了休斯敦市,并添加了一个显示飓风疏散路线的图层。然后,您更改了底图并设置了路线的样式。最后,您保存了地图并与公众进行了分享。

Web 地图通常包含多个数据图层以高亮显示空间模式和关系。接下来,您将添加休斯顿人口统计数据的图层,并确定最可能需要得到疏散援助的区域。


确定空间模式

之前,您创建了休斯顿疏散路线图。接下来,您将确定可能需要疏散援助的城区。为此,您需要在地图上添加一个休斯顿人口统计数据图层,并查看该图层的属性表以查找有关车辆保有量的属性。无车人口比例较高的区域可能需要疏散援助,因此您将使用更为高级的符号系统选项来设定该图层样式以强调这些区域。最后,您将自定义图层的弹出窗口以显示相关的人口统计信息。

添加人口统计数据

首先,您将添加一个包含人口普查区域内人口统计数据的图层。美国人口普查区域将各个县划分成了较小的地理区域,这将有助于显示空间模式。

  1. 如有必要,请打开 Houston Evacuation Map。(登录到您的帐户。在页面顶部单击内容。单击 Web 地图旁的选项按钮并选择在地图查看器中打开。)

    在地图查看器中打开选项

  2. 在功能区上,单击添加,然后选择搜索图层

    与路径图层不同,您将要添加的人口统计数据不在 Living Atlas 中。相反,它归 Learn ArcGIS 管理员帐户所有。

  3. 在窗格顶部,选择 ArcGIS Online
  4. 在搜索框中,输入 Houston Demographics owner:Learn_ArcGIS。按 Enter 键。
  5. 添加 Houston Demographics by Census Tracts 图层。
    注:

    该图层可能需要花一些时间才会显示在地图上。

    休斯顿人口普查区域的人口统计数据图层

    图层随即添加到地图。其样式会随位置而变并用单一颜色显示所有的人口普查区域。目前,该图层并未向您透露任何信息或就需要疏散援助的区域提供任何见解。

  6. 单击后退按钮。

    新图层列于内容窗格中,位于您上节课添加的 Hurricane Evacuation Routes 图层上方。

    各图层将按照在内容窗格中出现的顺序绘制在地图上。在您的地图中,疏散路线被人口普查区域部分覆盖,因为在内容窗格中,Houston Demographics by Census Tracts 图层位于 Hurricane Evacuation Routes 图层的上方(您仍然可以或多或少地看到该路线,因为人口普查区域图层为透明图层)。为了更好地查看路线,您可对各个图层进行重新排序。

  7. 内容窗格中,指向 Hurricane Evacuation Routes 图层,单击更多选项按钮,然后选择上移

    上移选项

    提示:

    您也可以通过拖动来在内容窗格中重新排序各个图层。

    重新排序图层后,地图上的疏散路线便会显示在人口普查区域之上。

    疏散路线显示在人口普查区域之上的地图

查看属性表

每个图层都配有一个表格,其中包含了与图层中地理要素相关的所有属性数据。您将通过查看休斯顿人口普查区域的人口统计数据图层所对应的表格来查找有助于确认飓风期间易受损害区域的数据。

  1. 内容窗格中,指向 Houston Demographics by Census Tracts 图层,然后单击显示表格按钮。

    “显示表格”按钮

    图层属性表随即打开。表格中的每一行都代表一个要素(在本例中代表人口普查区域)。表格中的列或字段可提供关于人口普查区域要素的不同类型信息。例如,FIPS 代码字段中包含了一个代码,该代码可代表州、县以及每个人口普查区域要素的人口普查区域标识符,Total Owner/Renter Households (ACS 2011-2015) 字段则显示了各个人口普查区域中的总家庭数。

    提示:

    若要放大表格,可拖动表格顶部。

  2. 如有必要,可使用表格底部的滚动条一直滚动到右侧。
  3. 定位至 Owner/Renter Households without a Vehicle 字段。

    显示有无车辆自住/出租家庭字段的表格

    该字段显示了各个人口普查区域中无车家庭的数量。您将使用此字段中的值来设定图层样式,以便能在地图上显示出差异。

  4. 关闭表。

通过属性来设定图层样式

接下来,您将根据属性字段更改图层的样式,以便在地图上突出显示无车家庭数量较多的人口普查区域。

  1. 内容窗格中,指向 Houston Demographics by Census Tracts 图层,然后单击更改样式按钮。

    更改样式窗格随即打开。若您之前已为某一图层设定了样式,则您也可以通过基于位置的单一符号来设定疏散路线样式。这一次,您将选择一个属性并通过多个符号对人口普查区域进行样式设定。

  2. 对于选择要显示的属性,选择 Owner/Renter Households without a Vehicle (ACS 2011-2015)

    选择要显示的属性

    基于您所选择的属性,有多个样式可供使用。可用样式列表的内容取决于您的数据类型,这一过程称为智能制图。在本练习中,所推荐的智能制图样式为计数和数量(大小),其标识采用蓝色的复选标记并应用于地图。这种样式用圆圈表示各个人口普查区域,圆圈的大小由无车家庭的数量决定。您可以使用此样式,但在此地图范围内,不同大小的圆圈时常会重叠在一起。因此,您可通过颜色而非大小来设定人口普查区域的样式。

  3. 计数和数量(颜色)下单击选择

    计数和数量(颜色)选择按钮

    该图层在地图上通过名为高到低的默认色带更新。具有最低值的人口普查区域为浅色,而具有最高值的人口普查区域为深色。

    显示有无车家庭数量的地图

  4. 更改样式窗格中,单击完成

    由于该图层的样式被设定为显示无车家庭,因此您可为其赋予一个更加具体的名称。

  5. 内容窗格中,指向 Houston Demographics by Census Tracts 图层。单击更多选项按钮,然后选择重命名

    “重命名”选项

  6. 重命名窗口中,输入 Households Without a Vehicle,然后单击确定

    图层名称随即会在内容窗格中更新。

使用归一化值来设定图层样式

目前,该图层的样式被设定为显示每个人口普查区域内的无车家庭总数量。但通常情况下,地图上所强调的可能仅仅是人口密度较高的人口普查区域。对于一座城市而言,将援助集中于无车家庭比例占总人口数较高的人口普查区域会更有意义。这个百分比被称为归一化值。

  1. 指向 Households Without a Vehicle 图层,然后单击更改样式按钮。

    当您打开表格时,此图层中无任何包含归一化值的属性。但是,您可以通过构建表达式来创建归一化值。该表达式将用 Owner/Renter Households without a Vehicle 字段除以 Total Owner/Renter Households 字段。然后,该表达式会将上述结果乘以 100 以得到一个百分比。

  2. 对于选择要显示的属性,选择 新建表达式

    新建表达式选项

    随即将打开一个新窗口。在此窗口中,您可以使用 ArcGIS Arcade 创建表达式,ArcGIS Arcade 是许多 ArcGIS 程序中使用的表达式语言。您所创建的 Arcade 表达式会保存在地图中并可重新用于创建弹出窗口和标注。表达式的名称会出现在地图图例中,因此为表达式赋予一个有意义的名称非常重要。

  3. 单击自定义旁的编辑
  4. 删除现有文本并输入 Households Without a Vehicle (Percentage)。单击保存

    该窗口有多个选项卡可帮助您构建表达式。默认情况下处于活动状态的全局选项卡列出了图层中的所有属性。您可以选择这些属性来创建您的表达式。

  5. 全局选项卡上,针对 Field: Owner/Renter Households without a Vehicle (ACS) 单击 $feature["OwnerRenterHH_NoVehicle"]

    无车家庭字段

    表达式选项卡会更新以包含您所选择的字段。接下来,请将该字段除以家庭总数。正斜线表示除号。

  6. 表达式选项卡中,单击表达式的末尾处并输入除号:/

    带有除号的表达式

  7. 全局选项卡上,滚动浏览字段列表并单击 $feature["OwnerRenter_HHs"]

    家庭总数字段

    该字段将添加至表达式的末尾处。

    带有上述两个字段的表达式

    您的表达式将用无车家庭数除以总家庭数。为了得到一个百分比,您需要将该表达式的结果乘以 100。星号表示乘号。

  8. 在表达式两边添加括号。在第二个括号后,输入 *100

    您构建的表达式具体如下:($feature["OwnerRenterHH_NoVehicle"]/$feature["OwnerRenter_HHs"])*100

    接下来要对表达式进行测试,以确保其正确无误。

  9. 单击测试

    测试按钮

    结果表随即出现。您的测试结果是一个带有大量小数位的值。

    第一个表达式测试结果

    提示:

    若您的测试结果与理想结果差异较大,请检查表达式是否有误。

    为了简化结果,您可以使用 Round 函数将所得百分比四舍五入到小数点后两位。

  10. 单击函数选项卡。在搜索框中输入 Round,然后单击 Round 函数的信息按钮。

    Round 函数信息按钮

    随即会出现关于函数以及函数使用方式的信息。完整的函数为 Round(value, numPlaces),其中 value 为要进行四舍五入的值,numPlaces 为四舍五入后的小数点位数。value 将成为您的现有表达式。numPlaces 为 2 位。

  11. 在您的表达式前单击并输入 round(

    以 round 函数开头的表达式

    接下来,您将添加 numPlaces 以及封闭括号。

  12. 在表达式后单击并输入 ,2)

    完成 round 函数后的表达式结尾

    您所构建完成的表达式如下:round(($feature["OwnerRenterHH_NoVehicle"]/$feature["OwnerRenter_HHs"])*100,2)

  13. 单击测试

    当前的结果仅有一个小数位。虽然您已将 numPlaces 设置为 2,但 Round 函数会移除尾随零,因此在测试结果中仅显示了一个小数位。

    第二个表达测试结果

    您所构建完成的表达式行之有效。

  14. 单击确定

    更改样式窗格中,您目前已为选择要显示的属性选择了您所构建的表达式。图层样式随即会在地图上自动更新。图例表明每个人口普查区域的大小都是由百分比而非总数决定的,但系统再一次通过大小设定了人口普查区域的样式。您需要将此更改为通过颜色设定人口普查区域的样式。

  15. 更改样式窗格中,针对计数和数量(颜色),单击选择

    使用归一化值设定样式的地图

    目前,较深的颜色代表无车家庭比例较高的人口普查区域。默认色带会使人难以观察到无车家庭比例较高地区的疏散路线,因此您需要更改色带以确保地图上的所有图层均保持可见状态。

  16. 计数和数量(颜色)下单击选项。在更高级的选项中,单击符号

    符号选项

    随即打开的窗口中包含了用于更改地图上符号的填充颜色和轮廓的选项。请选择一个蓝色主题色带以匹配疏散路线。

  17. 对于填充,请在色带选择器中单击蓝到灰渐变色带。

    蓝到灰渐变色带

  18. 单击确定

    新色带已应用到地图。

    带有蓝到灰渐变色带的地图

    在这幅地图中,无车家庭比例高于平均水平的人口普查区域以蓝色突出显示。由图例可知,平均比例约为 6%。我们可以清楚的看到,车辆保有量极为有限的区域集中于休斯敦市中心,靠近该城市的地理中心位置。对于所增加的疏散援助,如公共交通,获益最大的可能就是上述人口普查区域。

  19. 更改样式窗格中,单击确定。然后,单击完成

自定义弹出窗口

与 Hurricane Evacuation Routes 图层类似,Households Without a Vehicle 图层也有预配置的弹出窗口。但是,该图层的弹出窗口被配置为仅显示无车家庭总数量值,而非百分比值。因为您已通过百分比设定了图层的样式,因此您可对弹出窗口进行自定义以显示相应的百分比信息。

  1. 单击地图上的任意深蓝色人口普查区域。

    默认人口普查区域弹出窗口

    弹出窗口会提供人口普查区域的名称、无车家庭的数量以及家庭总数量。请更改弹出窗口以使其包含您使用表达式计算得出的百分比。

  2. 关闭弹出窗口。
  3. 内容窗格中,指向 Households Without a Vehicle 图层。单击更多选项按钮,然后选择配置弹出窗口

    配置弹出窗口选项

    配置弹出窗口窗格随即打开。该弹出窗口已经有一个标题,此标题使用了可标识每个人口普查区域的 FIPS 字段属性。该弹出窗口还包含了一个自定义属性显示,其中给出了您之前打开弹出窗口时所看到的两个属性。您只需向弹出窗口添加您所构建的表达式即可。

  4. 属性表达式下,单击添加

    “添加”按钮

    您之前使用过的表达式编辑器窗口随即打开。但这一次,您无需创建新的表达式。您可以使用已创建好的表达式。

  5. 单击现有选项卡。

    现有选项卡

    该选项卡列出了您已创建好的表达式。

  6. 单击 Households Without a Vehicle (Percentage) (Color Style)

    其中包含可用于编辑表达式的选项,但您可忽略该选项。由于您不打算做任何更改,因此您可以为该表达式赋予同之前相同的名称。

  7. 单击自定义旁的编辑,然后将名称更改为 Households Without a Vehicle (Percentage)
  8. 单击保存。然后,单击确定

    配置弹出窗口窗格中,将表达式添加至属性表达式列表。接下来,将属性表达式添加至弹出窗口内容中。

  9. 弹出窗口内容下单击配置

    配置按钮

    自定义属性显示窗口随即打开。预配置的弹出窗口中包含一些文本和两个字段:OwnerRenterHH_NoVehicleOwnerRenter_HHs。属性字段用大括号表示。在弹出窗口中,它们的作用同变量类似:当您单击某一人口普查区域时,弹出窗口会显示该特定区域的属性值。

  10. 单击现有文本的末端并按下 Enter 键两次。单击添加字段名称按钮,然后选择 Households Without a Vehicle (Percentage)

    添加字段名称按钮

    该表达式以名称 expression/expr0 添加。

  11. {expression/expr0} 后添加一个空格并输入 percent of households in this tract do not own a vehicle
  12. 突出显示您所添加的表达式和文本,然后单击粗体按钮。

    您的自定义属性显示已完成。

    完成的自定义属性显示

  13. 单击确定。在配置弹出窗口窗格中,单击确定
  14. 单击地图上的任意深蓝色人口普查区域。

    显示有无车家庭百分比的弹出窗口

    弹出窗口目前提供了四舍五入到小数点后两位的无车家庭百分比。

  15. 再单击几个位于休斯敦市中心的深蓝色弹出窗口。

    您能找到的最高百分比是多少? 大多数深蓝色区域拥有近 20% 的无车家庭。然而,有的人口普查区域拥有近 30% 的无车家庭,还有一处超过了 40%。这些人口普查区域在飓风来临时极易受到损害,因此需要疏散援助。

    此外,在您之前确定为有洪水风险的海湾附近也有一些高风险区域。虽然这些人口普查区域并非拥有最高的无车家庭比例,但在提供疏散援助时也必须要考虑到这些区域。

  16. 关闭打开的弹出窗口。
  17. 保存地图。

在本节课中,您将休斯敦人口统计数据图层添加到了地图并查看了其属性表。然后,您创建了一个表达式并将图层样式设定为显示每个人口普查区域中的无车家庭百分比。最后,您对图层的弹出窗口进行了自定义以突出显示关键的人口统计信息。现在,您可以更好地确定休斯敦城内车辆保有量比较有限的区域,以便确定飓风来临时最需要疏散援助的地点。接下来,您将创建一个交互式 web 应用程序以同公众共享您的研究结果。


创建应用程序

之前,您添加了人口统计数据并绘制了其样式,以显示没有车辆的家庭占比很高的人口普查区,以此完成了您的 web 地图。在本课程中,您将使用您的地图来创建 web 应用程序。Web 应用程序是能够增强地图外观、添加(或移除)功能并帮助您将地图与其他媒体进行集成的自定义用户界面。您可以按照所需的地图显示方式,从一系列可配置模板中进行选择。由于您只需要向公众展示您的地图,因此您将配置含少量标准导航工具的 Basic Viewer 应用程序模板。您还将编辑应用程序的项目详细信息,以包括有关应用程序目的和数据源的正确信息。

创建 web 应用程序

要创建 Web 应用程序,必须先共享您的地图。由于您之前已经共享了地图,因此无需再次共享。但是,您仍可通过共享窗口访问可配置应用程序模板的列表。

  1. 如有必要,请打开 Houston Evacuation Map。
  2. 单击功能区上的共享按钮。

    该地图已与所有人共享。

  3. 单击创建 Web 应用程序

    创建 Web 应用程序按钮

    创建新 Web 应用程序窗口随即打开。其中包括一个可配置应用程序的图库,基于用途和功能进行分类。您希望地图是应用程序的主要焦点。并希望显示图例、弹出窗口信息和地图说明。为此,您将使用 Basic Viewer 应用程序。

  4. 单击展示地图选项卡。

    “展示地图”选项卡

    将显示一列用户界面简洁的应用程序模板。

    注:

    如果组织已配置了自定义图库,您在此选项卡中显示的可配置应用程序可能有所不同。如果未显示,可使用搜索框来搜索 Basic Viewer 模板。

  5. 单击 Basic Viewer 应用程序。然后单击创建 Web 应用程序

    配置应用程序前,必须先指定其标题、标签和摘要。默认情况下,对于应用程序和用于创建应用程序的 web 地图而言,这二者的信息相同。您将更改标题以更好地表示您希望地图强调的内容,同时保持其他参数不变。

  6. 标题更改为 At-Risk Population in Houston
  7. 单击完成

    将打开可配置状态下的应用程序。

    默认可配置应用程序

配置应用程序

接下来,您将更改应用程序的显示元素,以更好地向用户传达地图的故事。有四个可配置参数的选项卡可供使用。默认选项卡为常规,其中包括标题和子标题的选项,以及对地图解释说明的其他详细信息。由于您已经提供了标题,您将从子标题开始。

  1. 针对子标题,输入 Census tracts that may be vulnerable during a hurricane

    应用程序详细信息是将显示在应用程序中的较长描述。

  2. 单击详细信息旁的编辑。输入(或复制粘贴)以下文本:

    本地图显示德克萨斯州休斯顿人口普查区域的疏散路线和人口统计数据。区域的蓝色越深,没有车辆家庭的百分比越高。该模式有助于回答这一问题:在飓风来袭期间,我们应该在休斯顿的哪些区域提供疏散协助措施?

    提示:

    如果复制粘贴文本,这些文本可能会被格式化。可通过高亮显示文本并单击工具栏上的移除格式按钮来移除格式。

    “常规”选项卡参数

  3. 单击主题选项卡。

    此选项卡提供的选项可为各种用户界面元素指定颜色。可随意体验不同的颜色并选择自己最喜欢的一种。以下步骤将提供推荐的颜色。

  4. 针对标题颜色,选择下数第二行,右数第四列的蓝色 (#0084A8)。

    标题颜色选项

  5. 针对标题文本颜色按钮图标的颜色,选择位于第二行、第一列的最浅灰色 (#EBEBEB)。
  6. 针对面板背景,选择位于第三行、第一列的稍暗的灰色 (#D6D6D6)。
  7. 针对面板文本颜色,选择黑色 (#1A1A1A)。

    “主题”选项卡参数

  8. 单击地图下方的保存

    您选择的参数将保存并显示在应用程序中。接下来,您将配置要显示在应用程序中的导航工具。

  9. 单击选项选项卡。

    默认情况下会选择底图库、书签、地图详细信息和共享工具。应用程序还包括地图图层的列表。您将取消选中底图库和书签选项,以简化用户体验并专注于地图内容。您还将包含一个图例作为可用选项。

  10. 取消选中底图库书签框。选中图例框。

    “图例”框

    最后的搜索选项卡为用户提供在地图中搜索特定位置的选项。您应用程序的目的并不需要这一功能,因此将关闭该功能。

  11. 单击搜索选项卡。
  12. 取消选中启用搜索工具

    “启用搜索工具”框

  13. 单击保存

    最终应用程序配置预览

  14. 在预览中,测试您应用程序的功能。导航地图并单击用户界面中的各个按钮。
  15. 感到满意后,单击关闭

    应用程序的详细信息页面随即打开。

编辑项目详细信息

您的应用程序即已完成。接下来,您将编辑其详细信息以为用户提供关于地图和数据的有意义信息。此类信息被称为元数据,对所有地图和应用程序来说拥有元数据都很重要。项目信息栏表示在获取高质量项目信息方面的进度,同时也指示可以进行的重要改进。

  1. 项目信息下的最佳改进旁,单击添加较长的摘要

    项目信息改进

    编辑摘要框随即变为活动状态。

  2. 将地图摘要替换为以下文本:

    此 web 应用程序高亮显示了在飓风疏散期间德克萨斯州休斯敦需要得到援助的区域。

    “编辑摘要”框

  3. 单击保存

    项目信息栏会更新以反映您添加的信息。接下来,建议添加一条描述。

  4. 单击最佳改进旁的添加描述

    编辑描述框随即变为活动状态。相比于摘要,描述应该更加详细深刻。它不仅应该解释应用程序的目的和显示的数据类型,还应该说明应用程序的使用方式和创建方法。

  5. 输入(或复制粘贴)以下文本:

    本应用程序显示德克萨斯州休斯顿人口普查区域的疏散路线和人口统计数据。区域的蓝色越深,没有车辆家庭的百分比越高。该模式有助于回答这一问题:在飓风来袭期间,我们应该在休斯顿的哪些区域提供疏散协助措施?

    使用图层和图例工具了解有关地图中显示数据的更多信息。单击各个人口普查区以查看弹出窗口信息,其中包括没有车辆的家庭的百分比。

    此应用程序中的地图包括休斯顿疏散路线的 Living Atlas 图层和休斯顿人口统计数据图层。人口统计数据图层使用 Arcade 表达式设置样式,计算没有车辆的家庭的百分比。弹出窗口中也会提供该信息。

  6. 单击保存

    项目信息进度条表示您距离完成应用程序的项目信息更近一步。

  7. 单击项目信息旁的了解更多

    将显示完整的建议改进列表。您已完成所有建议,但一条除外:添加使用条款

    展开后的项目信息部分

  8. 单击添加使用条款

    编辑使用条款框随即变为活动状态。由于您的数据来自当地和联邦政府机构,面向大众,因此没有使用条款。

  9. 输入无。公共域数据。 单击保存

    接下来,您将替换默认缩略图,以便缩略图能够更好地反映您的应用程序。如此一来,用户可以在打开应用程序之前了解它的内容。通常情况下,您的缩略图应该是格式为 JPEG、PNG 或 GIF 的图像,大小应该为 600 像素乘 400 像素。

    虽然您可以使用 Print Screen 键或图像编辑软件捕捉图像,但是出于本课程的目的,您将使用一张示例图像作为缩略图。

  10. 示例图像保存到您的计算机上。
  11. 单击编辑缩略图

    “编辑缩略图”按钮

  12. 上传缩略图窗口中,单击选择文件(或浏览器的等效命令)。
  13. 浏览到您保存示例图像的位置。双击图像。

    图像即会添加到上传缩略图窗口中。您可以更改图像的位置或缩放方式,但是由于图像采用建议尺寸,因此无需进行任何更改。

  14. 单击确定

    缩略图随即添加完毕。详细信息页面已完成。您可以复制应用程序的 URL,与所有想要向其展示的人共享。

在这些课程中,您创建了一张含飓风来袭时,德克萨斯州休斯敦疏散路线图层的地图。随后,您按照人口普查区域添加了人口统计数据,使用智能制图、弹出窗口和表达式强调了车辆拥有率低的区域。地图上显示的空间模式帮助您确定了飓风来袭时最需要疏散援助的区域。最后,您将地图转变为交互式 web 应用程序,并与他人共享了您的发现。

You can find more lessons in the Learn ArcGIS Lesson Gallery.