Sidecar 块是媒体和故事叙述的组合,用于填充显示屏,以在故事中营造身临其境的体验。 Sidecar 由幻灯片组成,每张幻灯片都带媒体面板和叙述面板,其中包含文本、媒体和地图。 当读者导航浏览 Sidecar 时,媒体面板将更改以与每张幻灯片的叙述面板内容相匹配。 对于 Sidecar,还可以通过地图编排和地图操作在媒体面板中调整地图位置和可见图层。
向故事添加 Sidecar
按照以下步骤构建 Sidecar:
- 单击打开按钮 打开块选项板。
- 选择 Sidecar。
- 选择 Sidecar 布局:停靠、浮动或幻灯片播放。
包含一张幻灯片的 Sidecar 即会添加到故事中。
注:
可通过在幻灯片面板的选项菜单中选择更改布局,在创作过程中随时更改布局。
- 通过单击可用选项之一将内容添加到媒体面板中:
- 图像或视频 - 上传或链接到图像或视频文件。 有关详细信息,请参阅 ArcGIS StoryMaps 支持哪些媒体文件类型和大小。
- 地图 - 从地图浏览器中选择 Web 地图或 Web 场景并进行配置,或创建快捷地图。
- 嵌入 - 输入 URL 链接或 iFrame 代码。
建议同时将替代图像添加到嵌入属性。 如果没有足够的空间来显示完整的交互式嵌入内容,则替代图像将在较小的屏幕上显示。
- 卷帘 - 使用卷帘块比较两个地图或图像。 您可以从卷帘选项面板调整地图配置或图像显示。 有关详细信息,请参阅添加卷帘块。
- 颜色 - 将媒体面板设置为以单色显示。 使用颜色选取器选择颜色或键入十六进制编码。
- 将文本、地图、媒体、音频和时间线添加到叙述面板。 为了让读者能够展示不同的媒体内容或在边车媒体面板中更新地图视图,需添加媒体操作按钮。
- 在幻灯片面板中单击“新建幻灯片”按钮 添加幻灯片。
随即在 Sidecar 中当前选定的幻灯片后面添加新幻灯片。
- 重复步骤 4 到 6 以添加更多幻灯片。
Sidecar 完成后,滚动到 Sidecar 末尾,在其下方继续构建故事的其余部分。 Sidecar 的幻灯片面板和剩余部分将淡出视图。
Sidecar 构建提示
构建 Sidecar 时,请考虑以下注意事项:
- 幻灯片播放布局可为读者提供横向单击导航体验。
- 停靠和浮动布局为读者提供竖向滚动导航体验。
- 要将少量内容添加至叙述面板时,建议使用幻灯片播放。
- 在停靠布局中,单击切换面板放置按钮切换媒体和叙述面板,然后单击更改面板大小按钮将面板大小更改为小、中或大。
- 在浮动或幻灯片播放布局中,单击面板外观按钮更改叙述面板的颜色、位置和大小。
- 通过复制幻灯片并更改每个幻灯片中的范围和可见图层,在媒体面板的多个幻灯片中显示地图的不同视图。 这称为地图编排。
- 幻灯片播放布局已针对平板电脑和手机进行优化。 在较小的屏幕上,读者可以点击或卷动浏览幻灯片,然后点击展开地图在地图上进行平移和缩放。
- 停靠和浮动布局已针对平板电脑和手机进行优化。 在较小的屏幕上,Sidecar 幻灯片堆叠在一起,媒体面板位于显示屏顶部,叙述面板位于下方。
- 构建 Sidecar 时,幻灯片面板会显示在整个显示屏底部。 可使用幻灯片面板执行以下操作:
- 添加、删除、复制或隐藏幻灯片。
- 添加背景音频。
- 导航各个幻灯片。
- 重新排列幻灯片。
- 更改幻灯片之间的过渡样式。
添加地图操作
地图操作是有用的故事讲述工具,用于向故事添加简单的交互式元素。
按照以下步骤添加地图操作:
- 将 web 地图、web 场景或精简地图添加到 Sidecar 幻灯片的媒体面板。
- 选择按钮样式或链接样式的地图操作。
- 对于按钮样式的地图操作,请在叙述面板中单击打开按钮 以打开块选项板,然后选择地图操作。
- 对于链接样式的地图操作,突出显示要控制该操作的文本,然后从文本编辑工具栏中单击地图操作按钮 。
- 配置地图操作按钮。
- 对于按钮样式的地图操作,将指针悬停在操作按钮上,然后单击工具栏上的编辑以将地图操作配置为在单击按钮时显示。
如果没有为按钮配置地图视图,则该按钮默认为初始地图视图重置按钮。 单击后,此重置按钮会将地图恢复为初始地图视图。
对于链接样式的地图操作,当您在文本编辑工具栏上单击地图操作时,地图设计器会自动打开。 您可在此配置操作。
- 在地图操作按钮上标注地图操作的说明。
- 对于按钮样式的地图操作,将指针悬停在操作按钮上,然后单击工具栏上的编辑以将地图操作配置为在单击按钮时显示。
配置的地图操作即会添加到 Sidecar 的叙述面板中。
注:
您可在幻灯片中添加多个操作按钮。 请更新按钮标注,以便读者能理解按钮所执行的操作。
复制 Sidecar
按照以下步骤复制 Sidecar 及其所有幻灯片:
- 单击 Sidecar 幻灯片面板中的更多选项 。
- 选择复制 Sidecar。
随即在下方复制 Sidecar。
从故事中移除 Sidecar
按照以下步骤删除 Sidecar 及其所有幻灯片:
- 单击 Sidecar 幻灯片面板中的更多选项 。
- 选择删除 Sidecar。
随即从故事中移除 Sidecar。