Başlama

Platform seçin: Android iOS JavaScript

Gelişmiş işaretçileri ayarlamak için aşağıdaki adımları uygulayın.

Bir API anahtarı alma ve Maps JavaScript API'yi etkinleştirme

Gelişmiş işaretçileri kullanmadan önce faturalandırma hesabı olan ve Maps JavaScript API'nin etkin olduğu bir Cloud projesine ihtiyacınız vardır. Daha fazla bilgi için Google Cloud projenizi oluşturma başlıklı makaleye göz atın.

API anahtarı alma

Harita kimliği oluşturma

Yeni bir harita kimliği oluşturmak için Bulut özelleştirme bölümündeki adımları uygulayın. Harita türünü JavaScript olarak ayarlayın ve Vektör ya da Raster seçeneğini belirleyin.

Vektör harita kimliği oluştur

Harita başlatma kodunuzu güncelleme

Bunun için az önce oluşturduğunuz harita kimliği gerekir. Haritalar Yönetimi sayfanızda bulabilirsiniz.

  1. Haritalar JavaScript API'yi yükleyin.

  2. Gerektiğinde async işlevinden gelişmiş işaretçi kitaplığını yükleyin:

    const { AdvancedMarkerElement } = await google.maps.importLibrary("marker") as google.maps.MarkerLibrary;
    
  3. mapId özelliğini kullanarak haritayı somutlaştırırken bir harita kimliği sağlayın. Bu, sağladığınız bir harita kimliği veya DEMO_MAP_ID olabilir.

    const map = new
    google.maps.Map(document.getElementById('map'), {
      center: {lat: -34.397, lng: 150.644},
      zoom: 8,
      mapId: 'YOUR_MAP_ID'
    });

Harita özelliklerini kontrol edin (isteğe bağlı)

Gelişmiş işaretçiler için bir harita kimliği gerekir. Harita kimliği eksikse gelişmiş işaretçiler yüklenemez. Sorun giderme adımı olarak, harita özelliği değişikliklerine abone olmak için mapcapabilities_changed işleyicisi ekleyebilirsiniz. Harita Özellikleri'nin kullanımı isteğe bağlıdır ve yalnızca test ve sorun giderme amacıyla ya da çalışma zamanında istenen yedek amacıyla önerilir.

// Optional: subscribe to map capability changes.
map.addListener('mapcapabilities_changed', () => {
  const mapCapabilities = map.getMapCapabilities();

  if (!mapCapabilities.isAdvancedMarkersAvailable) {
    // Advanced markers are *not* available, add a fallback.
  }
});

Sonraki adımlar

Varsayılan gelişmiş işaretçi oluşturma