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.
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.
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.
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;
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 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üklenemiyor. 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 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. } });