Harita üzerinde tek tek konumları görüntülemek için işaretçileri kullanın. Bu kılavuzda, gelişmiş işaretçilerin
nasıl kullanılacağı gösterilmektedir. Gelişmiş işaretçilerle, yüksek performans gösteren işaretçiler oluşturup özelleştirebilir ve DOM tıklama etkinliklerine ve klavye girişine yanıt veren erişilebilir işaretçiler oluşturabilirsiniz. Daha da ayrıntılı özelleştirme için gelişmiş işaretçiler, tamamen özel işaretçiler oluşturma olanağı dahil olmak üzere özel HTML ve CSS kullanımını destekler. 3D uygulamalarda, bir işaretçinin göründüğü rakımı kontrol edebilirsiniz.
Gelişmiş işaretçiler, hem kafes hem de vektör haritalarında desteklenir (ancak bazı özellikler kafes haritalarda kullanılamaz).
Gelişmiş İşaretçileri kullanmak için harita kimliği gerekir (DEMO_MAP_ID kullanılabilir).
Gelişmiş işaretçileri kullanmaya başlama
Rengi, ölçeği ve simge resmini özelleştirin
Varsayılan işaretçinin arka planını, glifini ve kenarlık rengini özelleştirin ve işaretçi boyutunu ayarlayın.
Varsayılan işaretçi simgesini özel bir SVG veya PNG resmiyle değiştirin.
Özel HTML işaretçileri oluşturma
Görsel olarak ayırt edici, etkileşimli işaretçiler ve animasyonlar oluşturmak için özel HTML ve CSS kullanın.
İşaretçilerin tıklama ve klavye etkinliklerine yanıt vermesini sağlayın
click etkinlik işleyici ekleyerek bir işaretçinin tıklamalara ve klavye etkinliklerine yanıt vermesini sağlayın.
function initMap() {
const map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 37.4239163, lng: -122.0947209},
zoom: 17,
mapId: 'DEMO_MAP_ID',
});
const marker = new google.maps.marker.AdvancedMarkerElement({
map,
position: {lat: 37.4239163, lng: -122.0947209},
});
marker.addListener('click', ({domEvent, latLng}) => {
const {target} = domEvent;
// Handle the click event.
// ...
});
}
İşaretçi rakımını ve çarpışma davranışını ayarlayın
Bir işaretçinin 3D harita öğeleriyle doğru şekilde görünmesini sağlamak için rakımı ayarlayın ve bir işaretçinin başka bir işaretçiyle veya harita etiketiyle çakıştığında nasıl davranması gerektiğini belirtin. İşaretçi rakımı yalnızca vektör haritalarında desteklenir.
