
簡介
Storytelling Solution 是一款多功能工具,可讓記者、旅客和愛好者將敘事融入地理景觀。這個平台提供引人入勝的體驗,使用 Google 地圖平台的擬真 3D 圖塊,讓故事栩栩如生。無論您是想透過地理背景資訊傳達敘事的記者,還是想記錄冒險旅程的旅客,這項解決方案都能提供容易使用的介面,協助您呈現故事。
目的
3D 故事述說解決方案旨在整合地理資訊,提升故事傳達效果。這項數位故事述說工具可讓創作者運用 Google 地圖平台的擬真 3D 圖塊,製作身歷其境的互動式敘事內容。這項工具旨在結合述說故事與地理位置,為使用者打造引人入勝的體驗。
目標用途
1. 新聞:
記者可以使用 3D Storytelling 解決方案,根據位置資訊提供背景資訊,讓報導更豐富。在特定地理環境中嵌入敘事,可為新聞報導增添深度和真實性,使其更具影響力和吸引力。
2. 旅遊文件:
旅客可以透過精美的視覺效果記錄旅程。使用者可以加入地理標記章節,建立互動式旅遊記錄,不僅能分享體驗,還能提供冒險旅程的空間視角。
3. 教育故事:
教師可運用這個平台,打造沉浸式學習體驗。教育工作者可以結合地理背景,講述歷史事件、科學現象或文化故事,加深學生的理解和參與度。
開始使用:
啟用
主要功能
可設定性:這項解決方案提供可設定的 JSON 結構,讓使用者能自訂述說故事體驗。無論是使用管理應用程式中直覺易用的 UI,還是直接編輯 JSON,都能輕鬆自訂。
互動式章節:深入探索個別故事章節,每個章節都提供獨特的文字內容、媒體元素 (圖片、GIF 或影片) 和地理座標。
動態鏡頭控制:使用動態鏡頭選項,掌控敘事節奏。創作者可以調整位置、俯仰和滾轉設定,精準構圖,提供身歷其境的觀看體驗。
託管示範:不必在本機安裝,即可探索各項功能。託管的示範版本可讓您一窺這項解決方案的敘事潛力。
使用應用程式
啟動應用程式後,右側的故事面板會成為您的指南。這是你探索特定報導的中心。操作方式如下:
開始故事:點選醒目的「Begin Interactive Story」按鈕,開始互動式體驗。

自動投影片模式:按下播放按鈕即可解鎖投影片模式,流暢地引導你瀏覽故事的每個章節。
切換章節:使用導覽箭頭,按照自己的步調探索故事,在章節之間來回切換。

跳至特定章節:故事資訊卡提供捷徑,點選資訊卡即可立即載入對應章節。
豐富的多媒體內容:探索各章節,欣賞精美圖片、趣味 GIF 和嵌入的 YouTube 影片。點選影片中的播放按鈕,即可直接在精選故事面板中觀看。
重要元件
這個應用程式分為兩個不同的應用程式,分別是:
- 管理應用程式
- 試用版應用程式
下圖概述這兩個應用程式的差異和關聯:

試用版應用程式:
這是最終面向使用者的應用程式,會載入您在管理應用程式中建立的設定。在這個沉浸式 3D 環境中,使用者可以探索所選區域,並查看您醒目顯示的搜尋點。
使用管理應用程式自訂外觀和風格後,您可以下載設定,並從原始碼執行自訂應用程式。
管理應用程式:
這個應用程式提供容易使用的介面,可讓您自訂 3D 體驗: 如要進一步瞭解如何使用管理應用程式建立及自訂故事,請按這裡
必要條件
Google API 金鑰:您必須使用已啟用下列 API 的 Google Cloud API 金鑰:
網路伺服器:您可以透過下列任一方式託管應用程式:
- 本機網路伺服器 (例如使用 Node.js、http-server)
- 網站代管服務 (應用程式隨附 Dockerfile)
部署作業
您可以將應用程式部署為簡單的節點應用程式,或部署為任何容器環境 (例如 GKE 或 GAE) 中的 Docker。託管試用版採用下列架構:

帳單資訊
Storytelling 解決方案使用 Google 地圖平台服務,提供身歷其境的動態體驗。某些 API 可能會產生費用。以下是 API 總覽和定價連結。
Google Maps Platform - 3D Tiles API:
Storytelling 解決方案運用 3D Tiles API,以地理空間資料強化視覺體驗。如需 3D Tiles API 的定價詳情,請參閱 Google 地圖平台 - 3D Tiles API 定價。
Google Places API:
Places API 則用於提供適地性資料,為故事體驗增添豐富資訊。如要瞭解 Google Places API 的相關費用,請前往 Google 地圖平台 - Places API 定價。
Google 地圖 Autocomplete API:
自動完成功能可提升使用者互動。如要瞭解 Google Maps Autocomplete API 的定價詳情,請前往 Google 地圖平台 - Places Autocomplete 定價。
CesiumJS:
CesiumJS 用於 3D 地球視覺化。CesiumJS 本身是開放原始碼,但其他功能或服務可能需要付費。如需任何付費方案,請參閱 CesiumJS 說明文件。
請務必查看各個 API 的定價詳細資料,因為費用是根據用量個別計算。請注意,Google Maps Platform 提供免費方案,可免付費使用一定額度,具體定價可能因要求數量和使用地區等因素而異。
如要取得最準確、最新的 Google Maps Platform 和 CesiumJS 使用費用資訊,請一律參閱官方定價頁面。請務必遵守這些服務規定的條款及細則,有效管理及瞭解任何相關費用。
結論
3D 故事述說解決方案是一項強大工具,可將故事與地理背景完美整合,打造身歷其境的精彩敘事內容。無論是新聞報導、旅遊記錄或教育用途,這項解決方案都能讓創作者以獨特且引人入勝的方式與觀眾互動。
3D 故事述說解決方案提供容易使用的介面、可自訂的功能和動態攝影機控制項,可帶來流暢的故事述說體驗。探索這項創新工具的潛力,盡情發揮創意,以全新方式呈現故事。