Duyuru: Yeni ana harita stili yakında Google Haritalar Platformu'nda kullanıma sunulacak. Harita stilinde yapılan bu güncelleme, yeni bir varsayılan renk paleti, modernleştirilmiş raptiyeler ve harita deneyimleri ile kullanılabilirlik açısından iyileştirmeler içeriyor. Tüm harita stilleri Mart 2025'te otomatik olarak güncellenecektir. Kullanılabilirlik ve özelliği daha erken etkinleştirme hakkında daha fazla bilgi için Google Haritalar Platformu için yeni harita stili başlıklı makaleyi inceleyin.

Bu sayfa, Cloud Translation API ile çevrilmiştir.

Başlama

Platform seçin: Android iOS JavaScript

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

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

Gelişmiş işaretçileri kullanmadan önce faturalandırma hesabı olan ve Haritalar JavaScript API'sinin etkinleştirildiği bir Cloud projesine ihtiyacınız vardır. Daha fazla bilgi için Google Cloud projenizi ayarlama başlıklı makaleyi inceleyin.

API anahtarı alma

Harita kimliği oluşturma

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

Vektör harita kimliği oluşturma

Harita ilk başlatma kodunuzu güncelleme

Bunun için yeni oluşturduğunuz harita kimliği gerekir. Bu sayfaya Haritalar Yönetimi sayfasından ulaşabilirsiniz.

Maps JavaScript API'yi yükleyin.

Gerekirse gelişmiş işaretçi kitaplığını bir async işlevi içinden yükleyin:

const { AdvancedMarkerElement } = await google.maps.importLibrary("marker") as google.maps.MarkerLibrary;

Haritayı mapId mülkünü kullanarak örneklendirirken 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 etme (isteğe bağlı)

Gelişmiş işaretçiler için 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 bir mapcapabilities_changed dinleyici ekleyebilirsiniz. Harita özellikleri isteğe bağlıdır ve yalnızca test ve sorun giderme amacıyla veya çalışma zamanında yedek olarak kullanılması ö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