在 3D 地圖中加入標記

您可以使用標記在地圖上顯示單一位置。本頁說明如何使用程式輔助方式和 HTML,在地圖中新增標記。

使用 HTML 新增標記

如要使用 HTML 新增 3D 標記,請在 gmp-map-3d 元素中加入 gmp-marker-3d 子元素。下列程式碼片段示範如何在網頁中加入標記:

<gmp-map-3d
  mode="hybrid"
  center="48.861000,2.335861"
  heading="110"
  tilt="67.5"
  range="1000"
  style="height:400px"
  >
    <gmp-marker-3d
      position="48.861000,2.335861">
    </gmp-marker-3d>
</gmp-map-3d>

使用程式輔助方式新增標記

如要透過程式輔助方式在地圖中加入 3D 標記,請建立新的 Marker3DElement,並傳遞 lat/lng 座標和基本地圖的參照,如以下範例所示:

const marker = new Marker3DElement({
  map,
  position: {lat: 47.6093, lng: -122.3402},
});

後續步驟