创建和配置故事
注:
本教程是为 ArcGIS 公共帐户体验而开发的。 ArcGIS 公共帐户是一种免费、功能有限的帐户,面向非商业用途的个人使用。 您可以使用此帐户来创作和公开共享基础地图和应用程序。
首先,打开要包含在演示文稿中的现有 web 地图。
- 如有必要,请登录 ArcGIS 帐户。
注:
如果您没有 ArcGIS 帐户,则可以注册公共帐户。
- 在功能区中,单击内容。
- 对于 Tree planning opportunities in Portland web 地图,单击选项按钮并选择在 Map Viewer 中打开。
注:
如果您未在制作地图教程中创建 web 地图,请转至 Tree planting opportunities in Portland (Final) 的项目页面以继续本教程。
Web 地图随即在 Map Viewer 中打开。
- 在内容窗格中,单击创建应用程序,然后选择 ArcGIS StoryMaps。
注:
在 ArcGIS 组织帐户中,可以使用其他 web 应用程序,包括 ArcGIS Experience Builder 和 ArcGIS Dashboards。
ArcGIS StoryMaps 使用新故事启动故事构建器。 故事是单独的网页,其中包含构成叙述或演示文稿的地图、文本和其他媒体项目。
接下来,您将通过输入标题、选择设计设置和添加一段介绍性文本来开始设置您的演示文稿。
- 对于故事标题,键入 Climate Resilience: Street Trees。
- 对于简短介绍,键入 Visualizing areas in the City of Portland that would benefit from additional trees。
接下来,将背景添加到故事封面中。
- 下载 Coverr_EmptyStreetArgentina.zip。
注:
该文件的大小约为 13 MB。
- 将 .zip 文件提取至计算机上的位置。
- 单击添加封面图像或视频。
- 在添加图像或视频窗口中,单击浏览您的文件。 浏览至已解压缩的文件夹,然后选择 Coverr_EmptyStreetArgentina.mp4 文件。
- 单击添加。
随即将视频添加至您的故事封面。
接下来您将配置封面设计和故事主题。
- 在功能区中,单击设计。
- 在设计窗格中,对于封面,选择全图。
- 对于主题,选择 Ridgeline。
- 关闭设计窗格。
您已经设置了故事的标题、封面设计和主题。
添加文本和图像
首先,您将创建一个标题并添加第一段叙述文本,以介绍查看者将在故事中学到的内容。
- 指向封面视频和地图之间的空间,然后单击添加内容块按钮。
- 在基本下,单击文本。
- 键入 The benefits of urban canopy,然后按 Enter 键开始新的一行文本。
- 在下一行文本中,键入或者复制粘贴以下内容:
Street trees are an effective strategy to increase tree canopy coverage across a city and mitigate the impacts of increasingly high temperatures due to climate change. Trees provide shade, lower surface and air temperatures and provide protection from direct sunglight, reducing the risk of heat-related illnesses.
- 突出显示文本 The benefits of urban canopy。 在随即出现的工具栏中,单击段落,然后选择标题 1,以便将文本设置为标题样式。
现在,文本设置为标题 1 样式。
- 指向文本段落下方的空间,然后单击添加内容块按钮。
- 在媒体下,选择图像。
注:
您可以在故事中添加许多其他类型的媒体。 某些媒体类型在公共帐户中不可用。 组织帐户提供了对 ArcGIS StoryMaps 中更多功能的访问权限。
- 在添加图像窗口中,单击链接选项卡并粘贴以下 URL:
https://images.unsplash.com/photo-1589123592035-32858c974713?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80
- 单击添加。
图像随即添加至故事。
- 在图像下方,添加另一个文本内容块,然后复制并粘贴以下文本:
Trees also clean the air by capturing particulate matter on their leaves and bark, and by absorbing pollutants such as nitrogen oxides, ammonia, sulfur dioxide, and ozone. They reduce and slow storm water by intercepting precipitation in their leaves and branches. They add beauty to their surroundings by injecting color and softening the harsh lines of city buildings. Finally, planting and maintaining trees requires workers, which provides jobs, contributing to the economy.
接下来,您将添加励志名言。
- 在最后一段下方添加一个文本内容块,然后复制并粘贴以下文本:
"The best time to plant a tree is twenty years ago. The second best time is now." - 中国谚语
- 高亮显示文本,然后在工具栏中,单击段落,然后选择标题。
文本样式更改以突出显示引用文本。
接下来,您将添加一个分隔符以指示故事的这一部分已经结束。
- 指向引用文本下方,然后单击添加内容块按钮。 选择分隔符。
您已为故事添加了文本、图像和引用。 接下来,您将配置希望地图在演示中显示的信息。
配置地图
您在故事中添加的地图包含大量信息。 对于演示流程,您只希望它显示波特兰现有树木的概览。 首先,您将添加一个新的标题和句子来介绍地图。
- 在分隔符下方,添加文本,然后键入 Existing trees in Portland。 将文本设置为标题 1 样式。
您的故事中包含第二个标题。
- 在标题下方添加另一个文本块:
波特兰目前有许多树木。 以下地图显示了热浪风险得分最高的两个人口普查区中的树木。
这将介绍地图将显示的内容。 接下来,您将配置地图。
- 指向地图顶部,然后单击编辑。
- 在地图图层下,单击 Sketch 和 Heat Severity - USA 2021 图层的可见性按钮。
- 单击选项选项卡,然后打开图例和保持图例处于打开状态。
图例现在将在故事的地图上保持打开和可见状态。
- 如有必要,调整地图的范围,以居中显示树木。 完成后,单击保存。
- 在地图底部,单击标题占位符文本并键入 Existing trees in census tracts with highest risk scores for heat waves。
在故事中共享地图是使用地图来增强和说明您的叙述的一种方式。 接下来,您将向 sidecar 元素添加 3D 场景。
添加 sidecar
要在地图、图像和其他媒体之间创建平滑过渡,请使用 sidecar 块。 借助一系列幻灯片,可以将媒体与文本集成在一起,以创建简单的滚动体验。 Sidecar 允许其他人一次一个步骤地访问您的映射数据。
- 在地图下方,添加一个分隔符。
- 在分隔符下方,添加文本块并键入文本 Heat severity。 将文本设置为标题 1 样式。
- 在标题下方,添加以下句子以介绍下一部分:
Trees can lower surface and air temperatures by as much as 10 degrees. The protection from direct sunlight and heat also reduces the risk of heat-related illnesses, like headaches, cramps, heatstroke that can damage internal organs, and even death. Taking into consideration where there have been high levels of heat severity will better inform where more street trees are needed the most.
- 在段落文本下,单击添加内容块按钮,然后在拟真下方,单击 Sidecar。
- 对于选择布局,选择幻灯片,然后单击保存。
空白 sidecar 随即显示。
Sidecar 是一个具有并排演示功能的拟真块,由一侧的故事面板和另一侧的媒体面板组成。 这两个面板共同构成一张幻灯片。
- 在 sidecar 的媒体面板顶部,单击添加,然后选择地图。
- 在添加地图窗口中,选择 Tree planning opportunities in 3D scene。
注:
如果您未在创建场景教程中创建此场景,请转至 Tree planting opportunities in 3D (Final)。 在场景项目页面的缩略图下方,单击添加到收藏夹。 返回到添加地图窗口中的浏览器选项卡,然后单击我的收藏夹选项卡。 选择 Tree planting opportunities in 3D (Final) 场景。
地图随即出现在调整地图外观窗口中。 您将在 sidecar 中设置第一张幻灯片,以显示城市概况,其中高温严重程度图层处于可见状态。
- 在调整地图外观窗口中,单击幻灯片选项卡,然后选择 Heat Severity 幻灯片。
- 调整场景范围,使建筑物轮廓可见,然后单击保存。
地图随即添加到 sidecar 的媒体面板中。 接下来,您将在地图旁的叙述面板中添加文本。
- 在 sidecar 的叙述面板中,复制并粘贴以下句子:
With consideration to areas that have experienced high heat intensity, there are many areas that may benefit from additional shade trees.
您已经配置了 sidecar 中的第一张幻灯片。
- 单击新建幻灯片按钮。
- 使用所学内容将相同的场景添加到 sidecar。
提示:
在 sidecar 的顶部,单击添加,然后单击地图。 选择 Tree planting opportunities in 3D scene。
这一次,您将选择书签,该书签显示了城市中可以通过增加树木收益的区域。
- 在调整地图外观窗口中,单击幻灯片选项卡,然后选择 Additional Street Trees 1 幻灯片。
- 根据需要调整场景的范围,然后单击保存。
- 在文本框中,键入 This area near the Pearl District would benefit from additional trees due to the high level of heat intensity it experiences.
- 使用所学内容将第三张幻灯片添加到显示 Additional Street Trees 2 幻灯片的 sidecar 中。 对于文本,键入 Areas in East Portland would benefit from additional trees.
- 使用所学内容将第四张幻灯片添加到显示 Additional Street Trees 3 幻灯片的 sidecar 中。 对于文本,键入:The southwest side of Portland State University has areas that also experience high heat intensity and would benefit from more shade trees.
- 单击 sidecar 中的第一张幻灯片,然后单击下一张幻灯片箭头以预览 sidecar 幻灯片。
您已完成配置 sidecar。 接下来,您将在准备好发布之前配置故事的一些最终元素。
完成并发布故事
为了完成您的故事,您将添加引用信息和导航栏,这样查看者可以快速跳转到演示文稿中的各个部分。 您将预览故事、发布故事,然后设置共享设置以便与任何人共享。
- 滚动到故事底部,然后单击添加制作者名单标题。 输入 References。
- 对于第一条引用信息,单击内容,然后键入 Bernstein, A. 2020,Rising temperatures: How to avoid heat-related illnesses and deaths. Harvard Health Blog。
- 单击属性,键入 https://www.health.harvard.edu/blog/rising-temperatures-how-to-avoid-heat-related-illnesses-and-deaths-2020080517582。
- 单击引用信息下方的添加按钮。
- 添加以下引用信息:
- Davies, C. L. 2019. Trees Play A Vital Role In Landscape Design. Texas A&M Today. https://today.tamu.edu/2019/04/25/trees-play-a-vital-role-in-landscape-design/#:~:text=The%20aesthetic%20value%20that%20a,every%20architectural%20or%20landscape%20design
- University of Wisconsin-Madison, 2019, Trees are crucial to the future of our cities. Science Daily. https://www.sciencedaily.com/releases/2019/03/190325173305.htm
- U.S. Dept of Agriculture Forest Service. 1977. How Trees Help Clean The Air. Agriculture Information Bulletin No. 412. https://naldc.nal.usda.gov/download/CAT87209983/PDF
- U.S. EPA, 2022. What is Green Infrastructure? https://www.epa.gov/green-infrastructure/what-green-infrastructure#Urbantreecanopy
您已经添加了五个用于演示的源。 接下来,您将为故事添加一个导航栏。
- 在功能区中,单击设计。
- 在设计窗格的可选故事部分下,打开导航。
- 关闭设计窗格。
导航栏随即添加至故事。 导航栏中的每个链接均对应于演示文稿中的标题 1 文本。
- 单击其中一个标题。
单击标题会将页面跳转到故事的该部分。
故事已准备就绪,可以预览。
- 在功能区上,单击预览。
- 在预览将重置撤消历史记录窗口中,单击是,继续。
- 查看此故事。 确保文本符合您的预期,与地图和 sidecar 交互,并确认所有引用信息均正确。
- 完成查看后,单击关闭。
- 在功能区上,单击发布。
- 在发布选项窗口中,对于设置共享级别,选择所有人(公众),然后单击发布。
随即出现故事的发布版本。 您现在可以共享此页面的链接,以与任何人分享故事。
在本教程中,通过添加视频剪辑标题、添加文本、图像和地图,您使用 ArcGIS StoryMaps 配置了一个故事。 您配置了一张地图来专门传达演示文稿叙述,并使用 sidecar 以 3D 方式显示了您提议的植树区域的幻灯片。 您添加了用于此演示文稿的参考资料和一个导航栏,以便查看者可以跳转到故事的各个部分。
在 ArcGIS 组织帐户中,您可以自定义故事主题、使用其他类型的内容块(如图库)、嵌入其他 ArcGIS 应用程序或添加时间轴。 还提供了其他共享级别选项,例如仅在您的组织内共享故事。 要获得灵感,请探索 ArcGIS StoryMaps 大赛的获奖故事。
注:
如需其他功能,包括私人共享、发布数据、执行分析等,请通过购买 ArcGIS 组织订阅使 ArcGIS Online 成为您的 GIS 工具集的一部分。 订阅可包含多种用户类型,可将工作所需的工具匹配至您和您的团队成员。 如果您拥有 ArcGIS 公共帐户,则可以将您的公共帐户转换为组织帐户。