Haritada tek konumları göstermek 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 performanslı işaretçiler oluşturup özelleştirebilir, 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 özelliği de dahil olmak üzere özel HTML ve CSS kullanımını destekler. 3D uygulamalarda, işaretçilerin göründüğü yüksekliği kontrol edebilirsiniz.
Gelişmiş işaretçiler hem raster hem de vektör haritalarda desteklenir (raster haritalarda bazı özellikler kullanılamaz).
Gelişmiş işaretçileri kullanmak için bir 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ştirme
Varsayılan işaretçinin arka planını, simgesini 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ştirebilirsiniz.
Özel HTML işaretçileri oluşturma
Görsel açıdan farklı 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ğlama
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çinin yüksekliğini ve çarpışma davranışını ayarlama
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 yüksekliği yalnızca vektör haritalarda desteklenir.
