สร้างเครื่องหมายขั้นสูง

เลือกแพลตฟอร์ม: Android iOS JavaScript

หากต้องการเพิ่มเครื่องหมายขั้นสูงใหม่ลงในแผนที่ ให้สร้าง AdvancedMarkerElement ใหม่ ส่งผ่าน LatLng หรือ LatLngAltitude และการอ้างอิงไปยังแผนที่ฐาน ดังที่แสดงในตัวอย่างนี้

TypeScript

async function initMap() {
    // Request needed libraries.
    const { Map } = await google.maps.importLibrary("maps") as google.maps.MapsLibrary;
    const { AdvancedMarkerElement } = await google.maps.importLibrary("marker") as google.maps.MarkerLibrary;

    const map = new Map(document.getElementById('map') as HTMLElement, {
        center: { lat: 37.4239163, lng: -122.0947209 },
        zoom: 14,
        mapId: '4504f8b37365c3d0',
    });

    const marker = new AdvancedMarkerElement({
        map,
        position: { lat: 37.4239163, lng: -122.0947209 },
    });
}
initMap();

JavaScript

async function initMap() {
  // Request needed libraries.
  const { Map } = await google.maps.importLibrary("maps");
  const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");
  const map = new Map(document.getElementById("map"), {
    center: { lat: 37.4239163, lng: -122.0947209 },
    zoom: 14,
    mapId: "4504f8b37365c3d0",
  });
  const marker = new AdvancedMarkerElement({
    map,
    position: { lat: 37.4239163, lng: -122.0947209 },
  });
}

initMap();

หากต้องการนำเครื่องหมายออกจากแผนที่ ให้ตั้งค่า markerView.map หรือ position เป็น null

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