将地图共享为 Web 地图

有时,您将使用 ArcGIS Pro 启动地图,然后意识到需要创建 Web 版本的地图,以在交互式表单中进行共享。 您可以将地图共享到 ArcGIS Online,然后继续在那里进行工作。

  1. 下载 Ancient cities in Africa zip 文件,然后将其解压到计算机上的位置,例如 C:\ 盘。
  2. 打开解压的文件夹,双击 Ancient cities in Africa.aprxArcGIS Pro 中打开该工程。

    文件浏览器窗口中的 Ancient cities in Africa.aprx 文件。

  3. 如果出现提示,请登录 ArcGIS 账户。
    注:

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

    随即出现一张地图,其中显示了 37 个非洲古代城市的位置。 该地图是基于 Wikipedia 上的非洲不断有人居住的最古老城市列表创建的。 如果您想要了解如何创建该地图,请尝试观看教程将历史古迹列表转换为地图

    非洲古代城市地图

    您需要创建此地图的交互式版本。 首先,将地图共享为 Web 地图,以将其转换为可在 ArcGIS Online 中查看和编辑的地图。

  4. 单击功能区上的共享选项卡。 在共享为组中,单击 Web 地图

    功能区的“共享”选项卡上的“Web 地图”按钮

  5. 共享为 Web 地图窗格中,更改以下参数:
    • 对于名称,键入 Ancient cities in Africa web map,然后加上您的姓名首字母。
    • 对于摘要,键入 Some of the oldest continuously inhabited cities in Africa
    • 对于标签,键入类名称:Ancient History
    • 对于选择配置,选择复制所有数据:探索性
    • 确保选中使用与所有客户端相兼容的符号类型
    • 对于共享给,请选中所有人

    “共享为 Web 地图”窗格

  6. 单击分析按钮。

    “分析”按钮

    消息选项卡上显示两条错误消息。 在解决所有错误之前,无法共享地图。

  7. 展开错误消息,如有必要,拖动窗格的边缘以阅读完整消息。

    拖动窗格边缘增加其宽度

    已识别两种类型的错误。 首先,您将解决地图投影误差。

    地图中的两个图层具有不同于地图投影的投影。 这是常见错误,因为 Web 地图对于坐标系的要求比 ArcGIS Pro 更加严格。 要解决该错误并继续共享,您需要将地图坐标系更改为与底图图层使用的 Web 墨卡托坐标系一致。 Web 地图必须使用与其底图相同的坐标系。

  8. 指向其中一个嵌套的错误消息,然后单击显示的选项按钮。

    错误消息上的“选项”按钮

  9. 在显示的菜单中,单击将地图更新为使用底图坐标系

    错误消息快捷菜单中的“将地图更新为使用底图坐标系”

    其中一个红色错误消息将更新为具有绿色复选标记,表示该错误已解决。

  10. 再次单击分析

    地图投影误差已解决,但是还有一个未完成错误待解决。

  11. 单击唯一数字 ID 错误。

    分析结果中与唯一数字 ID 相关的错误

    地图属性窗口随即出现在常规选项卡上。

  12. 选中允许向共享 Web 图层分配唯一数字 ID 复选框。

    已在“地图属性”窗口中选中“允许向共享 web 图层分配唯一数字 ID”

  13. 单击确定

    错误消息将更新为带有一个绿色复选标记,表示该错误已解决。

  14. 共享为 Web 地图窗格中,单击分析

    未找到任何错误或警告。 在将地图更新为使用底图坐标系后,便解决了两个投影错误。

    注:

    要了解有关 Web 地图中的投影的详细信息,可观看教程创建不使用 Web 墨卡托的 Web 地图

  15. 单击共享

    完成共享后,窗格底部将显示一个绿色消息通栏。

  16. 单击管理 Web 地图ArcGIS Online 中查看 Web 地图。

    管理 Web 地图链接

    浏览器中随即显示 Web 地图项目详细信息页面。

  17. 关闭 ArcGIS Pro

    无需保存地图。

针对不同比例配置底图图层

现在您的地图以 Web 地图的形式存在,可将其与您的学生共享。 但是,您希望打造更个性化的体验,以方便学生探索地图并与课程上的探讨内容建立联系。 要实现此目的,一种方式是控制在不同比例下显示的底图。

  1. 在项目详细信息页面顶部,单击登录并登录到您的 ArcGIS 账户。 使用之前用于登录 ArcGIS Pro 的账户。
  2. 单击在 Map Viewer 中打开
    注:

    ArcGIS Online 提供两个地图查看器,用于查看、使用和创建地图。 本教程将使用新的 Map Viewer。 如果按钮显示在 Map Viewer Classic 中打开,单击箭头按钮,然后改为选择在 Map Viewer 中打开

    在 Map Viewer 中打开按钮

  3. 如果出现的窗口中显示消息 Map Viewer 已结束测试,单击确定
  4. 内容(深色)工具栏上,单击底图

    “内容”工具条中的“底图”按钮

    随即显示底图选项列表。 您希望在缩小地图时继续使用当前底图,但在放大时显示影像底图。 为此,需要将多个底图添加至地图并控制每个底图何时可见。

  5. 单击当前底图 World Hillshade

    “底图”窗格上的当前底图 World Hillshade

    将列出两个图层:Modern AntiqueWorld Hillshade

  6. 单击添加图层

    “底图”窗格上的“添加图层”按钮

  7. 添加图层窗格的顶部,单击我的内容,然后选择 Living Atlas
  8. 在搜索栏中,键入 Imagery,然后按 Enter 键。
  9. 在搜索结果的 World Imagery 卡片中,单击将图层添加至底图按钮。

    World Imagery 卡片上的“将图层添加至底图”按钮

    随即使用影像更新地图。 但是,它没有任何标注。 您需要将这些标注添加为单独的图层。

  10. 搜索混合参考图层。 滚动浏览搜索结果,直到找到 Esri 拥有的混合参考图层切片图层,然后单击将图层添加至底图按钮。

    “混合参考图层”卡片上的“将图层添加至底图”按钮

  11. 添加图层窗格顶部,单击返回按钮。

    现在,底图窗格中列出了四个图层。

    “底图”窗格中的四个图层

  12. 单击混合参考图层

    图层的属性窗格随即出现。 您需要调整其可见范围,使其进在某些比例下显示。

  13. 属性窗格的底部,对于可见范围,单击世界,然后将其更改为城市

    “可见范围”滑块上的第一个停靠点设置为“城市 1:160,000”。

    滑块随即更新,指示图层仅在地图放大超过城市比例时才可见。

    “可见范围”滑块设置为从“城市”到“房间”的范围。

  14. 底图窗格中,单击 World Imagery。 在属性窗格中,对于可见范围,单击世界,然后将其更改为城市

    World ImageryHybrid Reference 图层应具有相同的可见范围。

    影像底图将从地图中消失。 在底图窗格中,前两个图层灰显,表示二者当前不可见。 接下来,您需要调整另外两个图层,使其进在缩小时可见。

  15. 单击 Modern Antique 图层。 对于可见范围,单击房间,然后将其更改为城市

    “可见范围”滑块设置为从“世界”到“城市”的范围。

  16. 单击 World Hillshade 图层。 对于可见范围,单击房间,然后将其更改为城市

    Modern AntiqueWorld Hillshade 图层应具有相同的可见范围。

    接下来,您需要测试为底图设置的可见性范围是否正常运行。

  17. 在地图上,放大到其中一个城市。

    放大城市时,底图应更新为显示影像。

    四个底图图层和具有影像底图的亚历山大地图

  18. 缩小地图,一直到可以看到整个非洲。 将大陆居中在地图中间。

    Modern Antique 底图应可见。

  19. 内容窗格中,单击保存并打开,然后单击保存

    “保存并打开”快捷菜单中的“保存”按钮

  20. Web 地图窗口中,单击保存此地图

创建仪表盘

接下来,您需要在 Web 应用程序中打包地图。Web 应用程序提供了更加简单的界面来共享地图。 在 Web 应用程序中,可控制和简化地图选项。 您需要创建一个应用程序,以供学生在地图和列表中同时浏览城市。

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

    “创建应用程序”按钮

    显示多个选项。 它们是用于创建 Web 应用程序的不同方法,每种方法定制成不同的表单。 要选择最佳方法,首先应设想应用程序的外观以及所需的行为。 然后,可以选择最符合您的愿景的模板。

    菜单包含选项:Instant Apps、Experience Builder、StoryMaps 和 Dashboards

    对于此应用程序,您希望提供所有城市列表,以供学生轮流单击每个城市、查看其属性信息以及在地图上浏览器位置。 在使用 ArcGIS StoryMapsArcGIS Instant Apps 进行一些尝试后,您发现 ArcGIS Dashboards 提供了最接近预期的体验。

  2. 单击 Dashboards
  3. 新建仪表盘窗口中,对于标题,键入 Explore ancient cities in Africa,然后加上您的姓名首字母。

    应已填充标签摘要,它们的值是从 web 应用程序获取的。

  4. 单击创建仪表盘

    新仪表盘随即显示,您的地图填充了整个空间。 您需要向此空间再添加几个元素,但是首先需要配置地图。

  5. 指向地图的左上角,直到显示一组按钮。 单击配置按钮。

    地图元素上的“配置”按钮

  6. 地图窗口的设置选项卡上,关闭弹出窗口

    您将在应用程序中的其他位置显示数据属性,因此包含弹出窗口很多余。

    在大多数时间,地图将放大至不同的城市。 您需要默认范围按钮,以方便学生返回可看见整个非洲的比例。

  7. 打开默认范围和书签

    您需要再添加几个控件,以更轻松地导航地图。

  8. 打开搜索放大/缩小

    地图元素设置

  9. 单击完成

    接下来,您需要添加详细信息元素,以显示每个城市的属性。

  10. 在仪表盘工具栏上,单击视图
    提示:

    在仪表盘工具栏的底部,可以单击展开折叠以展开或折叠工具栏。

    仪表盘工具栏上的“视图”

    要创建详细信息元素,必须选择用于创建该元素的图层。 您将选择仪表盘中的唯一图层:ancient cities 图层。

  11. 视图面板上,单击添加元素,然后单击详细信息

    “添加元素”选项中的“详细信息”

  12. 选择图层窗口中,单击 Africa_Geocoded

    随即显示详细信息元素的预览和选项。 您预期大多数学生将在移动设备而不是台式电脑上查看此应用程序,因此您需要寻找节省空间的方法。

  13. 单击详细信息选项卡,然后关闭标题

    标题名称字段相同,因此它不是必需的。

    “标题”已在“详细信息”选项中关闭。

  14. 单击完成

    详细信息元素显示在仪表盘预览中,位于地图旁边,占据了一半的仪表盘空间。 您将稍后重新排列所有元素。

    “详细信息”窗格显示 Agadez 的属性。

配置交互式列表

接下来,您需要添加列表元素以列出所有城市。 您还需要使用操作将列表连接至仪表盘的剩余部分,以便学生将其用作导航工具。

  1. 视图面板中,单击添加元素按钮,然后单击列表
  2. 选择图层窗口中,单击 Africa_Geocoded

    随即显示列表预览和选项。 数据集中共有 37 个城市,您需要确保列表中包含所有城市。

  3. 数据选项窗格中,对于显示的最大要素数,键入 37

    “数据选项”中“显示的最大要素数”设置为 37。

    接下来,您需要移除列表中每个城市名称旁边显示的点符号。 这将节省空间,这对于较小的屏幕很重要。

  4. 单击列表选项卡。 对于线项目图标,选择

    “列表”选项中的“线项目图标”设置为“无”。

    点符号将从列表中消失。

    最后,您需要将列表链接到地图和详细信息元素,以在列表上单击城市时,仪表盘的剩余部分作出响应。

  5. 单击操作选项卡。 在选择更改后下,展开过滤器

    “操作”选项卡中展开的过滤器

    您需要在列表元素中进行选择时过滤详细信息元素。

  6. 过滤器下,打开 Details (1)

    “过滤器”下打开的 Details (1)

    接下来,您需要添加更多操作,以使地图对列表选择作出响应。

  7. 展开平移,然后打开 Ancient cities in Africa web map。 展开缩放,然后打开 Ancient cities in Africa web map

    为选择变化配置了三个操作。

  8. 单击完成
  9. 在仪表盘上的列表元素中,单击列表中的城市之一。

    详细信息元素将使用有关该城市的信息进行填充,地图将缩放至该城市并显示影像底图。

    蒙巴萨的详细信息元素和地图

重新排列仪表盘

当前,列表占据了仪表盘上的大多数空间。 您更希望地图成为最大元素。 您还希望确保布局适用于桌面和移动屏幕。

  1. 指向列表元素的上角,直到按钮显示。 单击并按住拖动项目按钮。

    列表元素上的“拖动项目”按钮

  2. 在地图元素上拖动列表,直到显示停靠位置。 将列表放在底部停靠位置,以将其停靠为行。

    将列表元素拖动至地图元素上的底部停靠位置

  3. 拖动详细信息元素,然后将其作为列停靠在列表元素右侧。

    将元素停靠为列表元素旁边的列

    现在,在仪表盘中,地图位于顶部,列表和详细信息元素位于底部。

  4. 指向地图和其他元素之间的分隔线,然后向下拖动,直到到达大约 60% 的位置。

    拖动列表和地图元素之间的空间

  5. 拖动列表和详细信息元素之间的分隔线,直到其达到大约 30% 的位置。

    拖动列表和详细信息元素之间的空间

    详细信息元素应具有较大的空间。 接下来,您需要测试此布局是否适用于较小的屏幕。

  6. Ctrl+Shift+I 打开浏览器的检查窗口。 按 Ctrl+Shift+M 切换至对应的设计视图。
    注:

    这些快捷键适用于 ChromeFirefoxMicrosoft Edge。 如果正在使用 Safari,键入 Option+Command+R。 如果正在使用 Internet Explorer,则按 F12 键,然后按 Ctrl+Shift+M

    仪表盘视图将收缩以模拟移动设备的屏幕。

    显示亚历山大的仪表盘移动视图

  7. 在仪表盘的小视图上尝试平移、缩放、滚动和单击操作。

    仪表盘的此视图顶部有一个功能区,其中包含仪表盘编辑控件。 这些控件不会在仪表盘的最终版本上显示,因此会增加一些垂直空间。

    此布局在桌面和移动屏幕上易读且可用。

添加文本以描述仪表盘

要完成仪表盘,需要包含有关地图的一些信息以及指导学生浏览的一些问题。

  1. 关闭检查窗口返回仪表盘的正常视图。
  2. 视图面板中,单击添加元素按钮,然后单击富文本
  3. 在文本编辑器中,粘贴以下内容:

    Ancient cities in Africa

    该地图显示了非洲的一些不断有人居住的最古老城市。 单击列表中的城市名称在现代地图上访问所有这些古城。

    在您浏览地图图像时,您是否可以找到指向远古的过去的任何证据;例如古老的社区或建筑? 如果可以,是在哪些城市中呢?

    该地图仅显示当下仍有人居住的地点。 某些地点在过去是重要城市,但是现在只是一个小村落。 您是否可以在此地图中找到任何地点?

    过去的一些其他重要城市现在不再有人居住,例如大津巴布韦。 您是否可以在此地图中找到大津巴布韦遗址?

    提示:

    Ctrl+Shift+V 粘贴不带原始格式的文本。 如果正在使用 Safari,按 Command+Shift+V

  4. 高亮显示第一行文本,然后单击加粗按钮。

    在文本编辑器中高亮显示了第一行文本并格式化为加粗。

  5. 高亮显示对大津巴布韦的第一次引用,然后单击链接按钮。
  6. 链接窗口中,对于 URL,粘贴 https://en.wikipedia.org/wiki/Great_Zimbabwe。 单击确定
  7. 在现代地图上高亮显示所有文本。 单击插入/移除编号列表按钮。

    在文本编辑器中高亮显示了后三段并转换为编号列表。

  8. 单击完成
  9. 将富文本元素放在地图中心以堆叠两个项目。

    富文本元素隐藏在地图后面,可使用地图下方的选项卡进行访问。

  10. 单击地图下方的富文本选项卡。

    “富文本”选项卡

  11. 在列表中,选择并取消选择城市以测试仪表盘。

    文本随即显示并替换地图。 可能看起来为文本留出的空间过多,但是在移动设备上查看仪表盘时需要额外的空间。

    富文本元素

  12. 富文本选项卡上,单击编辑按钮。
  13. 键入 About the map,然后按 Enter 键重命名选项卡。
  14. 单击地图选项卡。 浏览仪表盘以确保其按预期运行。

    地图、列表和详细信息元素在仪表盘中均可见

保存并共享仪表盘

您已与学生共享仪表盘。 您需要更新共享级别和元数据,然后向其发送正确的 URL 以进行共享。

  1. 在仪表盘工具栏上,单击保存,然后单击保存
  2. 在屏幕顶部,单击仪表盘标题旁的菜单按钮,然后单击仪表盘项目详细信息

    “主页”菜单中的“仪表盘项目详细信息”选项

    随即将显示仪表盘的项目页面。 您需要将一些元数据添加至项目,然后再进行共享。

  3. 添加有关该项目的简短摘要旁边,单击编辑按钮,然后键入 Some of the oldest continuously inhabited cities in Africa。 单击保存
  4. 同时编辑描述。 键入或复制粘贴数据源:https://en.wikipedia.org/wiki/List_of_oldest_continuously_inhabited_cities

    接下来,您需要公开共享仪表盘,以确保您的学生可以进行查看,即使未登录 ArcGIS Online 也可以。

  5. 单击共享。 在共享窗口中,单击所有人(公共),然后单击保存

    “共享”窗口中的“所有人(公共)”按钮

  6. 在项目详细信息页面的底部,单击 URL 下的复制按钮。

    URL 的“复制”按钮

    这是可与学生共享的 URL。

    提示:

    如果系统要求您的学生在访问仪表盘之前进行登录,确保仪表盘和地图与所有人(公共)共享。

  7. 单击查看仪表盘以在新选项卡中查看完成的应用程序。

Web 和静态地图具有不同的优势,同时具有不同的挑战。 如果您的地图一开始是一张表单,可不断进行扩展。 在本教程中,您将静态地图转换为了交互式 Web 应用程序,利用了该表单的一些优势,包含多个底图、比例可见性控件、交互式列表以及属性视图。 您学习了如何将地图从 ArcGIS Pro 共享到 ArcGIS Online,将 Web 地图转换为仪表盘应用程序,以及将仪表盘布局配置为适用于台式和移动设备。

有关创建 Web 应用程序布局的详细信息,请尝试教程在 ArcGIS Experience Builder 中为专题地图设计布局

您可以在如何制作地图页面上找到更多制图教程。