เครื่องหมาย

ใช้เครื่องหมายเพื่อดึงดูดความสนใจของผู้ใช้ไปยังตำแหน่งบนแผนที่ คู่มือนี้ แสดงวิธีใช้และปรับแต่งเครื่องหมายในแผนที่ 3 มิติ คุณสามารถควบคุม รูปร่าง ขนาด และสีของเครื่องหมาย รวมถึงระดับความสูงที่เครื่องหมายจะ ปรากฏ

ใช้เครื่องหมายเพื่อแสดงตำแหน่งบนแผนที่ ตัวอย่างด้านบนแสดงเครื่องหมายเดียวพื้นฐาน ที่ไม่มีการปรับแต่ง

ปรับแต่งสี ขนาด และรูปภาพไอคอน

ปรับแต่งพื้นหลัง กลีฟ สีขอบ และขนาดของเครื่องหมายเริ่มต้น

เครื่องหมายแบบกำหนดเอง

แทนที่ไอคอนเครื่องหมายเริ่มต้นด้วยทรัพยากร 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
});

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