您可以使用 Maps JavaScript 中的 3D 地圖,打造沉浸式 3D 地圖體驗。這項功能提供多種工具,可自訂地圖樣式、提升無障礙功能,以及改善可用性,讓您開發引人入勝的互動式應用程式。
下例說明如何運用 Maps JavaScript API 的 3D 地圖:
為何要在 Maps JavaScript 中使用 3D 地圖
您可以運用 Maps JavaScript 類別的 3D 地圖,在應用程式中使用 Google 的 3D 圖像。3D 地圖提供內建 3D 算繪服務,可供您快速流暢地整合或試用 3D 地圖。
Maps JavaScript 的 3D 地圖功能
- 打造真實世界地圖體驗:運用擬真 3D 環境,以前所未有的規模和細節呈現地點。
- 自訂地圖樣式:
- 3D 雲端式地圖樣式設定:控制基本地圖點的密度和道路樣式。
- 自訂標記、彈出式視窗和樣式化折線:自訂標記,指出地圖上的位置。
- 3D 模型和 gLTF 資源:新增建築物、地標或自訂物件的詳細 3D 模型。
- 建構沉浸式地圖
- 預設攝影機路徑:透過預先定義的攝影機動畫,在搜尋點之間轉換,引導使用者瀏覽 3D 地圖。
- 控管使用者互動:自訂可供使用者使用的控制項和攝影機移動方式。
如何在 Maps JavaScript 中使用 3D 地圖
| 1 | 做好準備 | 請先設定 JavaScript API,然後按照後續的設定指示操作。 |
| 2 | 瞭解 Maps JavaScript API 的計費方式 | 詳情請參閱「用量與計費」。 |
| 3 | 建立地圖 | 詳情請參閱入門指南。 |
涵蓋範圍
請查看 Maps JavaScript 3D 地圖支援的涵蓋範圍。
後續步驟
- 查看入門指南,瞭解如何建立「Hello, World!」3D 地圖。
- 歡迎試用入門程式碼研究室,瞭解如何在地圖中新增功能。
- 在下一個程式碼研究室中,進一步瞭解標記和動畫。
- 瀏覽 Google 的一系列範例,根據您的用途找出合適的範例。