Başlama

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 bir Cloud bir faturalandırma hesabı içeren bir proje ve Maps JavaScript API'yi etkin. 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 şu adımları uygulayın: Bulut özelleştirme. Harita türünü JavaScript olarak ayarlayın ve Vektör ya da Raster seçeneğidir.

Harita başlatma kodunuzu güncelleme

Bunun için az önce oluşturduğunuz harita kimliği gerekir. Haritalar'da bulabilirsiniz. Yönetim sayfasını ziyaret edin.

1. Haritalar JavaScript API'yi yükleyin.

2. Gelişmiş işaretçi kitaplığını async içinden yükleyin işlevini kullanın:

   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üklenemiyor. Sorun giderme adımı olarak harita özelliklerine abone olmak için mapcapabilities_changed dinleyici ekleyebilirsiniz anlamına gelir. Harita Özellikleri'ni kullanmak isteğe bağlıdır ve yalnızca test için önerilir ve sorun giderme amacıyla kullanım izni isteyebilir.

// 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