總覽

選取平台: Android iOS JavaScript

您可以使用 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 的一系列範例,根據您的用途找出合適的範例。