總覽

您可以透過採用 WebGL 技術的 Maps JavaScript API 功能,進行傾斜和旋轉設定,以及直接在地圖上加入 3D 物件等等。包含的功能如下:

開始使用

如要使用新的 WebGL 功能,需具備一個使用向量地圖地圖 ID。此外,您也需要更新 API Bootstrap 要求。本節將說明如何操作。

建立新地圖 ID

如要建立新的地圖 ID,請按照「使用雲端式地圖樣式設定 - 取得地圖 ID」一文中的步驟操作。請務必將「地圖類型」設為「JavaScript」,然後選取「向量」選項。勾選「傾斜」和/或「旋轉」,即可啟用地圖的傾斜和旋轉功能。這樣一來,您就能透過程式輔助方式調整這些值,而使用者也能直接在地圖上調整傾斜和方向設定。要是使用傾斜或方向會對應用程式造成負面影響,請勿勾選「傾斜」和「旋轉」,這樣就能避免使用者調整這兩項設定。

建立向量地圖 ID

更新地圖初始化程式碼

這項操作需要使用您剛建立的地圖 ID (可在「地圖管理」頁面找到)。將地圖執行個體化時,請使用 mapId 屬性提供地圖 ID,如下所示:

map = new google.maps.Map(document.getElementById('map'), {
  center: {lat: -34.397, lng: 150.644},
  zoom: 8,
  mapId: 'MAP_ID'
});

範例

我們提供例子來示範以下功能: