یک نشانگر پیشرفته ایجاد کنید

پلتفرم را انتخاب کنید: 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();
index.ts

توجه: راهنمای استفاده از TypeScript و Google Maps را بخوانید.

جاوا اسکریپت

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();
index.js

برای حذف نشانگر از نقشه، markerView.map یا position روی null تنظیم کنید.

مراحل بعدی

• سفارشی سازی پایه نشانگر