将地图共享为 Web 地图
有时,您将使用 ArcGIS Pro 启动地图,然后意识到需要创建 Web 版本的地图,以在交互式表单中进行共享。 您可以将地图共享到 ArcGIS Online,然后继续在那里进行工作。
- 下载 Ancient cities in Africa zip 文件,然后将其解压到计算机上的位置,例如 C:\ 盘。
- 打开解压的文件夹,双击 Ancient cities in Africa.aprx 在 ArcGIS Pro 中打开该工程。
- 如果出现提示,请登录 ArcGIS 账户。
注:
如果您没有 ArcGIS Pro 的访问权限或者 ArcGIS 组织帐户,请参阅软件访问权限选项。
随即出现一张地图,其中显示了 37 个非洲古代城市的位置。 该地图是基于 Wikipedia 上的非洲不断有人居住的最古老城市列表创建的。 如果您想要了解如何创建该地图,请尝试观看教程将历史古迹列表转换为地图。
您需要创建此地图的交互式版本。 首先,将地图共享为 Web 地图,以将其转换为可在 ArcGIS Online 中查看和编辑的地图。
- 单击功能区上的共享选项卡。 在共享为组中,单击 Web 地图。
- 在共享为 Web 地图窗格中,更改以下参数:
- 对于名称,键入 Ancient cities in Africa web map,然后加上您的姓名首字母。
- 对于摘要,键入 Some of the oldest continuously inhabited cities in Africa。
- 对于标签,键入类名称:Ancient History。
- 对于选择配置,选择复制所有数据:探索性。
- 确保选中使用与所有客户端相兼容的符号类型。
- 对于共享给,请选中所有人。
- 单击分析按钮。
消息选项卡上显示两条错误消息。 在解决所有错误之前,无法共享地图。
- 展开错误消息,如有必要,拖动窗格的边缘以阅读完整消息。
已识别两种类型的错误。 首先,您将解决地图投影误差。
地图中的两个图层具有不同于地图投影的投影。 这是常见错误,因为 Web 地图对于坐标系的要求比 ArcGIS Pro 更加严格。 要解决该错误并继续共享,您需要将地图坐标系更改为与底图图层使用的 Web 墨卡托坐标系一致。 Web 地图必须使用与其底图相同的坐标系。
- 指向其中一个嵌套的错误消息,然后单击显示的选项按钮。
- 在显示的菜单中,单击将地图更新为使用底图坐标系。
其中一个红色错误消息将更新为具有绿色复选标记,表示该错误已解决。
- 再次单击分析。
地图投影误差已解决,但是还有一个未完成错误待解决。
- 单击唯一数字 ID 错误。
地图属性窗口随即出现在常规选项卡上。
- 选中允许向共享 Web 图层分配唯一数字 ID 复选框。
- 单击确定。
错误消息将更新为带有一个绿色复选标记,表示该错误已解决。
- 在共享为 Web 地图窗格中,单击分析。
未找到任何错误或警告。 在将地图更新为使用底图坐标系后,便解决了两个投影错误。
注:
要了解有关 Web 地图中的投影的详细信息,可观看教程创建不使用 Web 墨卡托的 Web 地图。
- 单击共享。
完成共享后,窗格底部将显示一个绿色消息通栏。
- 单击管理 Web 地图在 ArcGIS Online 中查看 Web 地图。
浏览器中随即显示 Web 地图项目详细信息页面。
- 关闭 ArcGIS Pro。
无需保存地图。
针对不同比例配置底图图层
现在您的地图以 Web 地图的形式存在,可将其与您的学生共享。 但是,您希望打造更个性化的体验,以方便学生探索地图并与课程上的探讨内容建立联系。 要实现此目的,一种方式是控制在不同比例下显示的底图。
- 在项目详细信息页面顶部,单击登录并登录到您的 ArcGIS 账户。 使用之前用于登录 ArcGIS Pro 的账户。
- 单击在 Map Viewer 中打开。
注:
ArcGIS Online 提供两个地图查看器,用于查看、使用和创建地图。 本教程将使用新的 Map Viewer。 如果按钮显示在 Map Viewer Classic 中打开,单击箭头按钮,然后改为选择在 Map Viewer 中打开。
- 如果出现的窗口中显示消息 Map Viewer 已结束测试,单击确定。
- 在内容(深色)工具栏上,单击底图。
随即显示底图选项列表。 您希望在缩小地图时继续使用当前底图,但在放大时显示影像底图。 为此,需要将多个底图添加至地图并控制每个底图何时可见。
- 单击当前底图 World Hillshade。
将列出两个图层:Modern Antique 和 World Hillshade。
- 单击添加图层。
- 在添加图层窗格的顶部,单击我的内容,然后选择 Living Atlas。
- 在搜索栏中,键入 Imagery,然后按 Enter 键。
- 在搜索结果的 World Imagery 卡片中,单击将图层添加至底图按钮。
随即使用影像更新地图。 但是,它没有任何标注。 您需要将这些标注添加为单独的图层。
- 搜索混合参考图层。 滚动浏览搜索结果,直到找到 Esri 拥有的混合参考图层切片图层,然后单击将图层添加至底图按钮。
- 在添加图层窗格顶部,单击返回按钮。
现在,底图窗格中列出了四个图层。
- 单击混合参考图层。
图层的属性窗格随即出现。 您需要调整其可见范围,使其进在某些比例下显示。
- 在属性窗格的底部,对于可见范围,单击世界,然后将其更改为城市。
滑块随即更新,指示图层仅在地图放大超过城市比例时才可见。
- 在底图窗格中,单击 World Imagery。 在属性窗格中,对于可见范围,单击世界,然后将其更改为城市。
World Imagery 和 Hybrid Reference 图层应具有相同的可见范围。
影像底图将从地图中消失。 在底图窗格中,前两个图层灰显,表示二者当前不可见。 接下来,您需要调整另外两个图层,使其进在缩小时可见。
- 单击 Modern Antique 图层。 对于可见范围,单击房间,然后将其更改为城市。
- 单击 World Hillshade 图层。 对于可见范围,单击房间,然后将其更改为城市。
Modern Antique 和 World Hillshade 图层应具有相同的可见范围。
接下来,您需要测试为底图设置的可见性范围是否正常运行。
- 在地图上,放大到其中一个城市。
放大城市时,底图应更新为显示影像。
- 缩小地图,一直到可以看到整个非洲。 将大陆居中在地图中间。
Modern Antique 底图应可见。
- 在内容窗格中,单击保存并打开,然后单击保存。
- 在 Web 地图窗口中,单击保存此地图。
创建仪表盘
接下来,您需要在 Web 应用程序中打包地图。Web 应用程序提供了更加简单的界面来共享地图。 在 Web 应用程序中,可控制和简化地图选项。 您需要创建一个应用程序,以供学生在地图和列表中同时浏览城市。
- 在内容工具栏上,单击更多和创建应用程序。
显示多个选项。 它们是用于创建 Web 应用程序的不同方法,每种方法定制成不同的表单。 要选择最佳方法,首先应设想应用程序的外观以及所需的行为。 然后,可以选择最符合您的愿景的模板。
对于此应用程序,您希望提供所有城市列表,以供学生轮流单击每个城市、查看其属性信息以及在地图上浏览器位置。 在使用 ArcGIS StoryMaps 和 ArcGIS Instant Apps 进行一些尝试后,您发现 ArcGIS Dashboards 提供了最接近预期的体验。
- 单击 Dashboards。
- 在新建仪表盘窗口中,对于标题,键入 Explore ancient cities in Africa,然后加上您的姓名首字母。
应已填充标签和摘要,它们的值是从 web 应用程序获取的。
- 单击创建仪表盘。
新仪表盘随即显示,您的地图填充了整个空间。 您需要向此空间再添加几个元素,但是首先需要配置地图。
- 指向地图的左上角,直到显示一组按钮。 单击配置按钮。
- 在地图窗口的设置选项卡上,关闭弹出窗口。
您将在应用程序中的其他位置显示数据属性,因此包含弹出窗口很多余。
在大多数时间,地图将放大至不同的城市。 您需要默认范围按钮,以方便学生返回可看见整个非洲的比例。
- 打开默认范围和书签。
您需要再添加几个控件,以更轻松地导航地图。
- 打开搜索和放大/缩小。
- 单击完成。
接下来,您需要添加详细信息元素,以显示每个城市的属性。
- 在仪表盘工具栏上,单击视图。
提示:
在仪表盘工具栏的底部,可以单击展开或折叠以展开或折叠工具栏。
要创建详细信息元素,必须选择用于创建该元素的图层。 您将选择仪表盘中的唯一图层:ancient cities 图层。
- 在视图面板上,单击添加元素,然后单击详细信息。
- 在选择图层窗口中,单击 Africa_Geocoded。
随即显示详细信息元素的预览和选项。 您预期大多数学生将在移动设备而不是台式电脑上查看此应用程序,因此您需要寻找节省空间的方法。
- 单击详细信息选项卡,然后关闭标题。
标题与名称字段相同,因此它不是必需的。
- 单击完成。
详细信息元素显示在仪表盘预览中,位于地图旁边,占据了一半的仪表盘空间。 您将稍后重新排列所有元素。
配置交互式列表
接下来,您需要添加列表元素以列出所有城市。 您还需要使用操作将列表连接至仪表盘的剩余部分,以便学生将其用作导航工具。
- 在视图面板中,单击添加元素按钮,然后单击列表。
- 在选择图层窗口中,单击 Africa_Geocoded。
随即显示列表预览和选项。 数据集中共有 37 个城市,您需要确保列表中包含所有城市。
- 在数据选项窗格中,对于显示的最大要素数,键入 37。
接下来,您需要移除列表中每个城市名称旁边显示的点符号。 这将节省空间,这对于较小的屏幕很重要。
- 单击列表选项卡。 对于线项目图标,选择无。
点符号将从列表中消失。
最后,您需要将列表链接到地图和详细信息元素,以在列表上单击城市时,仪表盘的剩余部分作出响应。
- 单击操作选项卡。 在选择更改后下,展开过滤器。
您需要在列表元素中进行选择时过滤详细信息元素。
- 在过滤器下,打开 Details (1)。
接下来,您需要添加更多操作,以使地图对列表选择作出响应。
- 展开平移,然后打开 Ancient cities in Africa web map。 展开缩放,然后打开 Ancient cities in Africa web map。
- 单击完成。
- 在仪表盘上的列表元素中,单击列表中的城市之一。
详细信息元素将使用有关该城市的信息进行填充,地图将缩放至该城市并显示影像底图。
重新排列仪表盘
当前,列表占据了仪表盘上的大多数空间。 您更希望地图成为最大元素。 您还希望确保布局适用于桌面和移动屏幕。
- 指向列表元素的上角,直到按钮显示。 单击并按住拖动项目按钮。
- 在地图元素上拖动列表,直到显示停靠位置。 将列表放在底部停靠位置,以将其停靠为行。
- 拖动详细信息元素,然后将其作为列停靠在列表元素右侧。
现在,在仪表盘中,地图位于顶部,列表和详细信息元素位于底部。
- 指向地图和其他元素之间的分隔线,然后向下拖动,直到到达大约 60% 的位置。
- 拖动列表和详细信息元素之间的分隔线,直到其达到大约 30% 的位置。
详细信息元素应具有较大的空间。 接下来,您需要测试此布局是否适用于较小的屏幕。
- 按 Ctrl+Shift+I 打开浏览器的检查窗口。 按 Ctrl+Shift+M 切换至对应的设计视图。
注:
这些快捷键适用于 Chrome、Firefox 和 Microsoft Edge。 如果正在使用 Safari,键入 Option+Command+R。 如果正在使用 Internet Explorer,则按 F12 键,然后按 Ctrl+Shift+M。
仪表盘视图将收缩以模拟移动设备的屏幕。
- 在仪表盘的小视图上尝试平移、缩放、滚动和单击操作。
仪表盘的此视图顶部有一个功能区,其中包含仪表盘编辑控件。 这些控件不会在仪表盘的最终版本上显示,因此会增加一些垂直空间。
此布局在桌面和移动屏幕上易读且可用。
添加文本以描述仪表盘
要完成仪表盘,需要包含有关地图的一些信息以及指导学生浏览的一些问题。
- 关闭检查窗口返回仪表盘的正常视图。
- 在视图面板中,单击添加元素按钮,然后单击富文本。
- 在文本编辑器中,粘贴以下内容:
Ancient cities in Africa
该地图显示了非洲的一些不断有人居住的最古老城市。 单击列表中的城市名称在现代地图上访问所有这些古城。
在您浏览地图图像时,您是否可以找到指向远古的过去的任何证据;例如古老的社区或建筑? 如果可以,是在哪些城市中呢?
该地图仅显示当下仍有人居住的地点。 某些地点在过去是重要城市,但是现在只是一个小村落。 您是否可以在此地图中找到任何地点?
过去的一些其他重要城市现在不再有人居住,例如大津巴布韦。 您是否可以在此地图中找到大津巴布韦遗址?
提示:
按 Ctrl+Shift+V 粘贴不带原始格式的文本。 如果正在使用 Safari,按 Command+Shift+V。
- 高亮显示第一行文本,然后单击加粗按钮。
- 高亮显示对大津巴布韦的第一次引用,然后单击链接按钮。
- 在链接窗口中,对于 URL,粘贴 https://en.wikipedia.org/wiki/Great_Zimbabwe。 单击确定。
- 在现代地图上高亮显示所有文本。 单击插入/移除编号列表按钮。
- 单击完成。
- 将富文本元素放在地图中心以堆叠两个项目。
富文本元素隐藏在地图后面,可使用地图下方的选项卡进行访问。
- 单击地图下方的富文本选项卡。
- 在列表中,选择并取消选择城市以测试仪表盘。
文本随即显示并替换地图。 可能看起来为文本留出的空间过多,但是在移动设备上查看仪表盘时需要额外的空间。
- 在富文本选项卡上,单击编辑按钮。
- 键入 About the map,然后按 Enter 键重命名选项卡。
- 单击地图选项卡。 浏览仪表盘以确保其按预期运行。
保存并共享仪表盘
您已与学生共享仪表盘。 您需要更新共享级别和元数据,然后向其发送正确的 URL 以进行共享。
- 在仪表盘工具栏上,单击保存,然后单击保存。
- 在屏幕顶部,单击仪表盘标题旁的菜单按钮,然后单击仪表盘项目详细信息。
随即将显示仪表盘的项目页面。 您需要将一些元数据添加至项目,然后再进行共享。
- 在添加有关该项目的简短摘要旁边,单击编辑按钮,然后键入 Some of the oldest continuously inhabited cities in Africa。 单击保存。
- 同时编辑描述。 键入或复制粘贴数据源:https://en.wikipedia.org/wiki/List_of_oldest_continuously_inhabited_cities。
接下来,您需要公开共享仪表盘,以确保您的学生可以进行查看,即使未登录 ArcGIS Online 也可以。
- 单击共享。 在共享窗口中,单击所有人(公共),然后单击保存。
- 在项目详细信息页面的底部,单击 URL 下的复制按钮。
这是可与学生共享的 URL。
提示:
如果系统要求您的学生在访问仪表盘之前进行登录,确保仪表盘和地图与所有人(公共)共享。
- 单击查看仪表盘以在新选项卡中查看完成的应用程序。
Web 和静态地图具有不同的优势,同时具有不同的挑战。 如果您的地图一开始是一张表单,可不断进行扩展。 在本教程中,您将静态地图转换为了交互式 Web 应用程序,利用了该表单的一些优势,包含多个底图、比例可见性控件、交互式列表以及属性视图。 您学习了如何将地图从 ArcGIS Pro 共享到 ArcGIS Online,将 Web 地图转换为仪表盘应用程序,以及将仪表盘布局配置为适用于台式和移动设备。
有关创建 Web 应用程序布局的详细信息,请尝试教程在 ArcGIS Experience Builder 中为专题地图设计布局。
您可以在如何制作地图页面上找到更多制图教程。