创建规划报告故事
将 Web 地图添加至收藏夹
首先,您需要将预配置的 Web 地图添加至收藏夹。 您稍后将在故事中使用此 Web 地图。
- 登录到您的 ArcGIS 组织帐户。
注:
如果您没有组织帐户,请参阅软件访问权限选项。
- 单击功能区上的“搜索”按钮。
- 在搜索栏中,输入 Dorchester Avenue Plan Area Boundary owner:Learn_ArcGIS,然后按 Enter 键。
默认情况下,搜索仅覆盖组织中的内容。 您需要将搜索扩大到 ArcGIS Online 中所有组织的所有内容。
- 如有必要,在过滤器下,关闭仅在(您的组织)中搜索。
- 在搜索结果中,对于 Learn_ArcGIS 所拥有的 Dorchester Avenue Plan Area Boundary,单击 web 场景名称。
随即出现详细信息窗格。
- 在 Web 场景的详细信息窗格中,单击添加到收藏夹。
您已将 web 地图添加至收藏夹。 现在,您可以在希望将其添加至故事时更轻松地访问该地图。
设计封面
您将创建故事地图,该地图的重点在于 PLAN South Boston Dorchester Ave 报告的第 1-4 章,其中包含研究区域的历史和当前状况以及规划的推广倡议和目标。 您将向故事添加参与式和反馈组件,以便读者可以分享他们对开发的意见。 这种参与式计划和沟通方法将使您能够更积极、更动态地与开发社区和利益相关者互动。
每个故事地图均包含封面部分,其中包括标题、图形、作者信息和发布日期。 精心设计的描述性封面能够吸引读者的注意力。 由于此故事地图以规划报告为基础,因此您要将在其中使用的文本转换为标题和子标题。
- 下载 StoryImages 压缩文件夹并将其解压缩到可轻松访问的位置。
此文件夹包含您将添加到故事地图中的图像。
- 转到 ArcGIS StoryMaps 并登录。
注:
如果您使用 Enterprise 账户进行登录,则必须从应用程序启动器访问 ArcGIS StoryMaps。
登录后,将显示故事页面。 可以在此处访问您的所有故事、您添加为收藏的故事或与您共享的故事。
- 单击新建故事,然后选择从头开始。
构建器将打开,并出现一个空白的故事模板。
在构建器中,您将从块选项板添加内容块(例如段落和图像),以构建规划报告的叙述。 首先,自定义故事封面。
- 单击故事标题,然后输入 Reimagine Boston's Great Boulevards。
- 单击标题下方,然后复制并粘贴:The Dorchester Ave Planning Initiative is dedicated to "Preserve, Enhance, and Grow" Dorchester Ave, a 21st century industrial use corridor。
作者和发布状态显示在下面。 您可以编辑作者姓名以反映您自己或您的组织。 完成故事地图后,发布状态将更新为显示日期。 接下来,将背景图像添加到封面中。
- 单击添加封面图像或视频。
- 在添加图像或视频窗口中,单击浏览您的文件。 浏览至下载的 StoryImages 文件夹,双击 Cover.jpg,然后单击添加。
注:
或者,您可以将图像从打开的文件夹拖放到上传页面上。
封面图像已添加至故事。
您可随时更改标题和图像。 标题也会出现在功能区的橙色徽标下,表示您的故事是未发布的草稿(意味着它仅对您可见)。 在徽标旁边,您将看到 ArcGIS StoryMaps 中自动保存要素的证据;无论何时编辑故事,该文本都会告知您的故事正在保存,然后确认您的更改已保存。
- 在功能区中,单击设计。
将出现设计面板。 在这里,您可以为故事封面选择不同的布局、打开或关闭可选部分,选择主题和强调色、选择字体配对以及上传组织徽标。
- 在封面下,单击其他选项以查看它们对故事的影响。
- 浏览完成后,单击最小化。
- 单击设计面板外的任意位置以将其关闭。
封面将图像显示为具有以下标题和子标题文本的通栏。 您将更改封面图像的焦点以显示开发区域。
- 在封面图像上,单击选项按钮。
图像选项窗口随即显示。 您可以单击封面图像以更改焦点并预览其在不同设备上的显示方式。 在下面的操作中,您可以添加替代文本,这将帮助使用屏幕阅读器的人们理解内容。
- 在图像预览下,单击照片左下角附近的位置,也就是多尔切斯特大街的位置。
- 单击属性选项卡。 对于替代文本,输入马萨诸塞州波士顿市多尔切斯特大街的鸟瞰图。
- 单击保存。
封面图像更新为以多尔切斯特大街为中心。
要完成封面部分,您可以添加部分分隔符。 在整个故事地图中,使用部分分隔符分隔报告的各个部分。 要添加内容块,您将单击讲述您的故事按钮,然后选择所需内容块。 您可以在故事中动态添加、移除和重新排列块。
- 单击添加内容块按钮。
随即显示可添加到故事的选项的列表。
- 选择图像。
随即显示添加图像窗口。 您可以从计算机上传图像,也可以链接到 web 上的图像。 您将从下载的文件夹中添加图像。
- 单击浏览文件,浏览至下载的 StoryImages 文件夹,然后双击 Banner.png。 单击添加。
通栏图像即会添加至故事。
- 指向通栏图像。 在工具栏上,单击大。
现在,通栏横跨整个屏幕宽度。
介绍规划
接下来,您将添加内容块以介绍规划,并展开详细叙述。 叙述的第一部分将包含执行摘要和规划报告的第一部分中的关键点。 您将为该部分添加标题、添加分隔符以及添加内容。
- 指向为此图像添加标题(可选)下的空白区域,然后单击添加内容块按钮。
- 单击文本。 输入 EXECUTIVE SUMMARY。
- 高亮显示 EXECUTIVE SUMMARY,然后将文本类型从段落更改为标题 1。
现在,文本已格式化为标题。
- 指向 EXECUTIVE SUMMARY 标题下方,单击添加内容块按钮,然后选择图像。
- 浏览至教程文件夹,选择 Blue_Separator.png,然后单击添加。
- 在蓝色分隔符下,添加文本块,然后输入 THE PLAN。 将文本格式从段落更改为标题 2。
- 在 THE PLAN 下,添加图像块。 浏览至教程文件夹,双击 Exec_Summary.png,然后单击添加。
图像即会添加至故事中心。 您将更改其位置。
- 指向图像。 在工具栏上,单击左浮动。
在将图像与页面左侧对其后,您可以向右侧添加文本。
- 指向图像的右上角,单击添加内容块,然后选择文本。 复制并粘贴以下文本:
Boston is a growing city. Reversing decades of declining population during the last half of the 20th century, Boston's population is projected to increase by 91,000 to 709,000 by 2030. Growth at this scale needs to be planned and managed in order to ensure a healthy city and quality of life throughout its neighborhoods. Shifts in household size and composition come with population growth. Finally, Bostonians have changed how they live, work, play, and get around.
The PLAN: South Boston Dorchester Avenue Planning Initiative represents an opportunity to build a 21st-century district by strategically planning for a broader type of uses and a scale of development best suited for the future of the Dorchester Avenue Corridor. The outcome of the planning initiative is a Strategic Plan (the "Plan").
提示:
如果故事的各个部分未按示例图像中所示的方式进行排列,您可以指向各个块,然后拖动块左侧显示的拖动以重新排序按钮四处移动这些块。
接下来,您将添加开发规划目标的项目符号列表。
- 在第二段下,添加文本块,然后输入 The goals of the plan are to create a framework for:。 将文本样式更改为标题 2。
- 在标题 2 文本下,添加文本块。 将格式更改为项目符号列表。
- 输入(或复制粘贴)以下文本:
- A new, urban, mixed-use 21st-century district in Boston.
- New streets, blocks, and open spaces form the framework of a new district.
- New housing at a variety of prices and rental rates relieves pressures on housing stock.
- Planning and zoning tools to implement a coordinated, integrated new district consistent with the vision established by the public process documented by this plan.
- Zoning that allows for new models of commercial/industrial development.
- Requirements for the provision of public benefits in exchange for bonus height.
- Inclusive development that improves awareness and access to funding resources.
- Best practices to encourage job creation and small-business growth.
您已向故事添加文本和图像。 接下来,您将为故事添加历史背景。
说明过去和现在的状况
规划报告的下一部分将介绍站点文本和图像的历史背景,然后将站点的当前状况显示为 3D Web 场景。
- 在项目符号列表下,添加文本块,然后输入 PLANNING CONTEXT。 将文本样式更改为标题 1。
- 在标题下,添加图像块以包含所下载图像文件夹中的 Green_Line.png。
- 在绿线下,添加文本块,然后输入 HISTORY。 将文本样式更改为标题 2。
- 在副标题下,添加图像块以包含所下载图像文件夹中的 Context.png。
- 指向图像,然后单击左浮动。
- 在图像右上角,添加文本框,然后复制并粘贴以下文本:
Since its origins in the early seventeenth century, when it was known as Dorchester Neck or Great Neck, the Study Area has witnessed significant transformations. Native Americans called the South Boston peninsula Mattaponnock. When English settlers arrived, the area was primarily used for grazing cattle. One of the earliest paths on the peninsula, now known as Dorchester Street, served as the main route leading cows to the higher feeding grounds along today's Broadway.
Great Neck was annexed to Boston in 1804 to accommodate Boston proper's need for additional land for its growing population and manufacturing needs. South Boston began as a neighborhood based on a planned urban design. A street plan established in 1805 is reflected in today's enumerated and alphabetical street pattern. More than two hundred years later, a new street network is contemplated to connect to this established pattern.
- 在最后一段下,再次添加 Green_Line.png 图像。
创建地图游览
接下来,您将设计向导式浏览,以带领人们穿越多尔切斯特大街的时间线。 向导式浏览将地图与媒体和描述性文本组合在一起,用于以幻灯片形式呈现一系列相关地点。
- 故事结尾处,添加文本块,然后输入 HISTORY OF THE STUDY AREA。 将文本更改为标题 2 格式。
- 在文本下方,单击添加内容块按钮,然后选择地图游览。
- 对于您希望如何创建游览?,单击从头开始。
- 对于选择布局,在向导式下选择以媒体为中心。
- 单击完成。
系统将显示空游览,其中包括三个主要组成部分:叙述、媒体和地图面板。 这些元素共同构成一张幻灯片。 您将添加两个幻灯片以创建时间线。
- 单击标题,然后输入 17th, 18th, & 19th CENTURIES。
- 对于描述,请复制并粘贴以下文本:
Since its origins in the early seventeenth century, when it was known as Dorchester Neck or Great Neck, the Study Area has witnessed significant transformations.
One of the earliest paths on the peninsula, now known as Dorchester Street, served as the main route leading cows to the higher feeding grounds along today's Broadway.
Great Neck was annexed to Boston in 1804. South Boston began as a neighborhood based on a planned urban design. A street plan established in 1805 is reflected in today's street pattern.
The opening of the Old Colony Railroad in 1844 surpassed the ability of the toll road to move goods through Boston and to points beyond. Within ten years, the toll road became a public street. Eventually, a tunnel was built below Dorchester Avenue and that became the Red Line branch of the MBTA subway system.
Portions of the Study Area were still underwater in the late 19th century. The filling of land along the South Bay created new acreage west of present-day Dorchester Avenue (see Timeline).
- 在屏幕中间,单击添加图像或视频。 浏览至教程文件夹,然后添加 DOT_AVE_TIMELINE - 1stHalf.jpg。
- 在图像上,单击选项。
- 在图像选项窗口中,选择适合(不裁剪)。
- 单击保存。
接下来,您将定向地图。 在向导式浏览中移动时,地图将平移并缩放到每个位置。
- 在地图下,单击添加位置。 在游览点位置窗口的搜索框中,键入 Dorchester Avenue South Boston,然后选择 Dorchester Ave, South Boston, MA, 02127。
地图将缩放至该地图并显示弹出窗口。
- 在弹出窗口中,单击添加至地图。
添加点后,您可以根据需要重新放置点。 您还将设置自定义缩放级别,此操作将覆盖默认缩放级别,从而以单一比例显示所有游览点。
- 对于缩放级别,单击使用当前缩放级别。
- 单击添加位置。
您将添加第二张幻灯片,以包含有关 20 和 21 世纪的信息。
- 在向导式游览块的右下角,单击新建幻灯片按钮。
- 对于幻灯片标题,请输入 20th & 21st CENTURIES。
- 对于描述,请复制并粘贴以下文本:
The first building boom, post annexation, occurred from 1868 to 1914. Filling of land along the waterfront for railroad tracks and warehouses was key for the port.
Not until the 1970s and later did subsequent major building and economic changes occur in South Boston. Transformations in the shipping and container industry and the surplussing of Army and Navy facilities were major factors, opening up new areas for redevelopment.
Today, major development is occurring on South Boston's waterfront and is anticipated to accelerate within the Study Area. This Plan envisions a new 21st-century district along the neighborhood's western edge to accommodate physical and economic changes underway.
- 单击添加图像或视频。 浏览至教程文件夹,然后添加 DOT_AVE_TIMELINE - 2ndHalf.jpg。
- 对于图像,单击选项按钮。 在图像选项窗口中,选择适合(不裁剪),然后单击保存。
- 单击添加位置。 搜索 South Boston Waterfront,然后选择 South Boston Waterfront, Boston, MA。
- 单击添加到地图。 选择使用当前缩放级别,然后单击添加位置。
现在,您的向导式游览中包含两个幻灯片。 当用户与故事地图进行交互时,他们可以阅读文本并花费时间研究地图。
集成交互式组件
为了帮助用户可视化区域和开发,您将向故事地图中添加 Web 场景。 Web 场景可实现 3D 可视化效果,以便用户可以在直观的交互式 3D 环境中查看地理信息。
- 在故事中,滚动到向导式游览下方。 添加文本块,然后复制并粘贴以下文本:
多尔切斯特大街工程致力于波士顿最大的林荫大道多尔切斯特大街的改善。 该项目专注于距离多尔切斯特大街四英里的区域,同时解决了下米尔斯与哥伦比亚路和多尔切斯特大街交叉口之间的交通、社区企业、社区住房和街景问题。
- 在段落下方,添加地图内容块。
添加地图窗口随即显示。 您可以添加在 ArcGIS 账户中托管的内容、添加为收藏或在组织中共享的内容,或 ArcGIS Living Atlas of the World 中的精选内容。 您需要添加在教程开头添加至收藏夹的地图。
- 单击我的收藏夹。
- 在收藏夹列表中,单击 Dorchester Avenue Plan Area Boundary Web 场景。
选择 3D 场景后,您可以调整内容在故事地图中的显示方式。 您可以打开和关闭图层、添加书签以及配置导航设置。 该场景已被设置,因此您将接受默认设置。
- 单击放置地图。
- 指向地图以查看放置选项并单击大。
场景现在占据整个屏幕。
注:
大胆尝试常看 Web 场景。 尝试从不同角度查看开发区域,以了解该区域的公民寻找的内容。
使用故事地图来介绍规划报告的优势不仅在于 Web 元素使其变得更具吸引力和动态性,还在于您可以利用工具实现社区与规划者的交流。
- 在场景下,添加文本块,然后输入 WORKSHOPS AND OUTCOMES。 将文本格式更改为标题 1。
- 在标题下,添加图像块,然后从教程文件夹中选择 Green_Line.png。
- 在绿线下,添加文本块,然后输入 FINALIZE WITH US。将文本格式更改为标题 2。
- 在副标题下,添加图像块,然后选择 Workshops_Outcomes.png。 选择左浮动放置选项。
- 在图像右上角旁,添加文本框,然后复制并粘贴以下文本:
After working with the community through a series of workshops and Study Area tours over the past year, the planning team held its second Open House.
This Open House asked participants to comment on the work conducted over the past year. Elements of the draft Plan framework were on display. More than 70 residents, business and property owners, stakeholders, advocates, and visitors had a chance to review and comment on the draft Plan as well as continue conversations with the planning team and other city officials.
An example of one way to continue gathering feedback from the community is to use online surveys. Below is an example of using ArcGIS Survey123 to gather public opinion about the South Boston Dorchester Avenue Planning Initiative.
为了收集反馈,您将添加一个按钮,该按钮会链接到在 Survey123 中创建的 Dot Ave 规划调查。 Dot Ave 是波士顿市多尔切斯特大街的昵称。
- 在文本下,添加按钮块。 对于名称,请输入 View the Dot Ave Plan Survey。
- 单击按钮将其选中,然后单击编辑按钮。
- 在 URL 框中,粘贴 https://arcg.is/1TTqHD,然后按 Enter 键。
用户单击按钮时,将打开调查链接以供其浏览。
当前分区变化
故事地图可以将其他 Web 内容合并为链接或完全交互式项目。 您可使用嵌入块执行此操作。 为了说明与经济发展有关的分区变化,您将添加一个 Web 应用程序,该应用程序将比较开发前后的区域带。
- 在按钮下,添加文本块,然后输入 FRAMEWORK。 将文本格式更改为标题 1。
- 在标题下,添加图像块,然后从教程文件夹中选择 Blue_Line.png。
- 在蓝线下,添加文本块,然后输入 ECONOMIC DEVELOPMENT。 将文本格式更改为标题 2。
- 在副标题下,添加图像块,然后从教程文件夹中选择 Framework.png。 选择左浮动放置选项。
- 在图像右上角旁,添加文本框,然后复制并粘贴以下文本:
The Plan is intended to help guide the market-driven transition of predominantly heavy commercial and industrial land uses to a transit-oriented mixed-use district.
The vision for the district includes significant new residential opportunities, 21st-century industrial, and neighborhood retail that provide accessible economic opportunity for Boston residents.
该规划将产生的新分区将起到以下作用:
- 在文本下,添加使用项目符号列表格式的文本块。 添加以下文本:
- Improve awareness of and access to funding resources within workforce training.
- Promote beneficial residential and commercial development within the community.
- Encourage the use of best practices for job creation and small-business growth.
- 在项目符号列表下,添加文本块。 复制并粘贴以下文本:
Using ArcGIS Urban, we can propose new zoning changes and explore build-out scenarios based on that underlying zoning code. We can also compare the scenarios with development based on existing zoning.
- 在文本下,添加文本块,然后输入 COMPARISON OF EXISTING AND PROPOSED ZONING。 将文本格式更改为标题 1。
- 在标题下,添加嵌入块。
随即显示添加 Web 内容窗口。 可在此窗口中使用 URL 嵌入内容。
- 在添加 Web 内容窗口中,对于链接,粘贴以下 URL:https://www.arcgis.com/apps/Compare/index.html?appid=cd64aeb0d79a4368af8c847d016fbcf3
- 单击添加。
随即向故事添加对现有和提议的分区进行比较的应用程序。
- 指向已添加内容以查看配置工具栏。
内容将自动添加为交互式嵌入内容。
- 在应用程序下,添加文本块,然后复制并粘贴以下文本:
The proposed zoning illustrates a shift from primarily industrial (I-1) and manufacturing (M-1 & M-2) land use zones to a mix of residential and retail (DOT-Zone 2 and DOT-Zone 3) and open space (O-S). This zoning change is responsive to the context and encourages uses that are reflective of the community vision for a walkable district with a robust network of open space and a diverse mix of uses.
准备发布
填充故事地图的内容后,即可最终确定设计主题并启用其他自定义要素。 与静态规划文档类似,故事地图的设计有助于提供整体外观和专业地呈现内容。 在设计面板中,您可以选择主题、选择强调色并执行其他与设计相关的更改。 您将更改设计以匹配您添加到故事中的图像的配色方案,并启用其他要素以使导航变得更加轻松。
- 在页眉上,单击设计。
- 在设计面板的可选故事部分下,确保已打开导航和制作者名单。
每个标题块均成为故事顶部导航栏中的书签,以便读者可以在各个部分之间快速跳转。
由于此故事不是波士顿规划和发展局的正式文档,因此您将添加一些免责声明。
- 在故事中,滚动至页面底部的制作者名单部分。
- 在显示添加制作者名单标题的区域输入 DISCLAIMER。
- 在显示添加制作者名单说明的区域输入这不是波士顿规划和发展局的正式文档,仅用于演示目的。
现在,您的故事地图已完成,因此您将对其进行发布。 您可以在组织中私下向特定群组或公众发布故事地图。
- 在页眉中,单击发布。
- 在共享下,对于设置共享级别,选择组织。
在与公众共享该报告之前,您希望内部利益相关者对该报告进行审查。 现在,您将向您的组织发布报告。
在发布过程中,故事检查器将检查所有内容是否存在权限问题,并标记共享权限的限制性比您的故事更大的任何内容。
- 单击发布。
在进行发布后,将显示故事的实时版本。 现在,您可以将故事与同事共享以获取反馈。 您可以随即返回进行编辑。 如果您进行进一步的编辑,则会看到状态更改为未发布。 除非再次单击发布,否则所做的更改和任何编辑均不会影响已发布故事。
在本教程中,您已获取静态规划报告文档,并将其转换为引人入胜的动态交互式故事地图。 您可以在开发过程中编辑此故事,也可以创建一系列故事地图,以便社区可以随时了解进度。
您可以在教程库中找到更多教程。