เพิ่มเครื่องหมายลงในแผนที่ 3 มิติ

ใช้เครื่องหมายเพื่อแสดงสถานที่แห่งเดียวบนแผนที่ หน้านี้แสดงวิธีการเพิ่มเครื่องหมายลงในแผนที่แบบเป็นโปรแกรมและโดยการใช้ HTML

เพิ่มเครื่องหมายโดยใช้ HTML

หากต้องการเพิ่มตัวทำเครื่องหมาย 3 มิติโดยใช้ HTML ให้เพิ่มองค์ประกอบย่อย gmp-marker-3d ลงในองค์ประกอบ gmp-map-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>

เพิ่มเครื่องหมายโดยใช้โปรแกรม

หากต้องการเพิ่มเครื่องหมาย 3 มิติลงในแผนที่โดยใช้โปรแกรม ให้สร้าง Marker3DElement ใหม่ โดยส่งพิกัด lat/lng และการอ้างอิงไปยังแผนที่ฐาน ดังที่แสดงในตัวอย่างนี้

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

ขั้นตอนถัดไป