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 bir faturalandırma hesabı olan bir Cloud projeniz ve Maps JavaScript API'nin etkinleştirilmiş olması gerekir. Daha fazla bilgi için Google Cloud projenizi ayarlama başlıklı makaleyi inceleyin.
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 veya Raster seçeneğini belirleyin.
Harita başlatma kodunuzu güncelleme
Bunun için yeni oluşturduğunuz harita kimliği gerekir. Bu kodu Haritalar Yönetimi sayfanızda bulabilirsiniz.
Gelişmiş işaretçi kitaplığını gerektiğinde bir
async
işlevinden yükleyin:const { AdvancedMarkerElement } = await google.maps.importLibrary("marker") as google.maps.MarkerLibrary;
Haritayı
mapId
özelliğini kullanarak oluşturduğunuzda bir harita kimliği sağlayın. Bu, sizin sağladığınız bir harita kimliği veyaDEMO_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'ni kullanmak isteğe bağlıdır ve yalnızca test ve sorun giderme amaçları veya çalışma zamanı yedekleme amaçları için ö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