
简介
故事叙述解决方案是一款多功能工具,可供记者、旅行者和爱好者将叙事内容融入地理景观。它提供了一个 引人入胜的平台,可使用 Google Maps Platform 仿真 3D 图块让故事栩栩如生。无论您是记者,想要传达具有地理背景的叙事内容,还是旅行者,想要记录自己的冒险经历,此解决方案都能提供一个简单易用的界面,让您轻松讲述自己的故事。
用途
3D 故事叙述解决方案旨在通过整合地理信息来增强故事的传达效果。它是一款数字故事叙述工具,可让创作者使用 Google Maps Platform 仿真 3D 图块来制作沉浸式的互动叙事内容。其目的是弥合故事叙述与地理之间的差距,为用户提供引人入胜的体验。
目标使用场景
1. 新闻报道:
记者可以使用 3D 故事叙述解决方案来增强故事的地理背景。在特定地理环境中嵌入叙事内容可以为新闻报道增添深度和真实性,使其更具影响力和吸引力。
2. 旅行记录:
旅行者可以以视觉效果惊艳的方式记录自己的旅程。通过加入地理标记的章节,用户可以创建互动式游记,不仅可以分享体验,还可以提供冒险经历的空间视角。
3. 教育故事叙述:
教育工作者可以使用该平台来打造沉浸式学习体验。 通过在地理背景下讲述历史事件、科学现象或文化故事,教育工作者可以增强理解和互动。
使用入门:
启用
主要功能
可配置性:该解决方案提供可配置的 JSON 结构, 让用户可以自定义故事叙述体验。无论是在管理应用中使用直观的界面,还是直接编辑 JSON,您都可以轻松进行自定义。
互动式章节:深入了解各个故事 章节的详细信息,每个章节都提供独特的文本内容、媒体元素 (图片、GIF 或视频)和地理坐标组合。
动态相机控制:使用动态 相机选项控制叙事流程。通过位置、俯仰角和横滚角设置,创作者可以精确地构图场景,提供沉浸式的观看体验。
托管演示:无需本地安装即可探索各项功能。托管演示让您一窥此解决方案的故事叙述潜力。
使用应用
启动应用后,右侧的故事面板将成为您的指南。您可以在这里探索特定故事。具体操作方法如下:
开始讲述故事: 点击粗体的“Begin Interactive Story”(开始互动式故事)按钮,开始您的互动体验。

自动幻灯片模式: 点击播放按钮即可解锁幻灯片模式,系统会无缝引导您浏览故事的每个章节。
在章节之间导航: 使用导航箭头,按照自己的节奏探索故事,在章节之间来回移动。
跳转到某个章节: 故事卡片提供快捷方式,点击卡片即可立即加载其章节。
丰富的多媒体内容: 探索包含引人入胜的图片、有趣的 GIF 和嵌入式 YouTube 视频的章节。点击视频中的播放按钮,即可在故事面板中直接观看视频。
关键组件
该应用分为两个不同的应用,即:
- 管理应用
- 演示版应用
下图概述了这两个应用之间的区别和关联:

演示版应用:
这是最终面向用户的应用,用于加载您在管理应用中创建的配置。在这个沉浸式 3D 环境中,用户将能够探索所选区域并发现您突出显示的地图注点。
使用管理应用自定义外观和风格后,您可以下载配置并从源代码运行自定义应用。
管理应用:
此应用提供了一个简单易用的界面,可让您自定义 3D 体验: 点击此处详细了解如何使用管理应用创建和自定义故事 here
前提条件
Google API 密钥:您必须使用已针对以下 API 启用的 Google Cloud API 密钥:
Web 服务器:您可以从以下任一位置托管应用:
- 本地 Web 服务器(例如,使用 Node.js、http-server)
- 网站托管服务(应用附带 Dockerfile)
部署
您可以将应用部署为简单的节点应用或 Docker,部署到任何 容器环境(如 GKE 或 GAE)中。对于托管演示,我们使用的是以下架构:

结算信息
故事叙述解决方案使用 Google Maps Platform 服务来提供沉浸式动态体验。某些 API 可能会产生费用。以下是 API 概览和价格链接。
Google Maps Platform - 3D Tiles API:
故事叙述解决方案利用 3D Tiles API 通过地理空间数据增强视觉体验。如需了解与 3D Tiles API 相关的价格详情,请参阅 Google Maps Platform - 3D Tiles API 价格。
Google Places API:
Places API 用于基于位置的数据,为故事叙述体验添加丰富的信息。如需了解与 Google Places API 相关的费用,请访问 Google Maps Platform - Places API 价格。
Google 地图 Autocomplete API:
自动补全功能可增强用户互动。如需了解与 Google Maps Autocomplete API 相关的价格详情,请访问 Google Maps Platform - Places Autocomplete Pricing。
CesiumJS:
CesiumJS 用于 3D 地球可视化。虽然 CesiumJS 本身是开源的,但其他功能或服务可能需要付费。如需了解任何高级服务,请参阅 CesiumJS 文档。
务必查看每个相应 API 的价格详情,因为费用是根据使用情况单独确定的。请注意,Google Maps Platform 提供免费层级,可免费使用一定数量的用量,具体价格可能会因请求数量和使用区域等因素而异。
请务必参阅官方价格页面,了解有关 Google Maps Platform 和 CesiumJS 使用费用的最准确和最新信息。确保遵守这些服务规定的条款及条件,以便有效管理和了解任何相关费用。
总结
3D 故事叙述解决方案是一款功能强大的工具,可通过将故事叙述与地理背景无缝集成,打造沉浸式且引人入胜的叙事内容。无论用于新闻报道、旅行记录还是教育目的,此解决方案都能让创作者以独特且引人入胜的方式吸引受众。
凭借其简单易用的界面、可自定义的功能和动态相机控制,3D 故事叙述解决方案可提供无缝的故事叙述体验。探索这款创新工具的潜力,充分发挥您的创造力,以全新的维度让故事栩栩如生。