標記

使用標記將使用者的注意力吸引到地圖上的某個位置。本指南說明如何在 3D 地圖中使用及自訂標記。除了標記顯示的高度外，您還可以控制標記的形狀、大小和顏色。

使用標記在地圖上顯示位置。上述範例顯示一個未套用自訂項目的基本單一標記。

自訂顏色、縮放和圖示圖片

自訂預設標記的背景、字符、邊框顏色和大小。

自訂標記

將預設標記圖示換成自訂的 SVG 資源。

採用圖形的標記

設定標記高度

延伸標記並設定海拔高度，即可設定標記的海拔高度。

極端標記

讓標記回應點擊和鍵盤事件

如要讓標記回應點擊和鍵盤事件，請加入 click 事件監聽器。

function initMap() {
  const map = new Map3DElement({
    center: { lat: 37.4690, lng: -122.1074, altitude: 0 },
    tilt: 67.5,
    range: 45000,
    mode: MapMode.HYBRID
  });

  const interactiveMarker = new google.maps.marker.Marker3DInteractiveElement({
    map,
    position: {lat: 37.4239163, lng: -122.0947209},
  });

  interactiveMarker.addEventListener('gmp-click', (event) => {
    // Handle the click event.
    // ...
  });
}

設定標記衝突行為

指定標記與其他標記或地圖標籤衝突時應如何行為。

const marker = new Marker3DElement({
    position: {lat, lng},
    collisionBehavior: google.maps.CollisionBehavior.REQUIRED
});

下一步