Katmanlar, harita üzerinde bir veya daha fazla ayrı öğeden oluşan nesnelerdir. ancak tek bir birim olarak yönetiliyorlar. Katmanlar genellikle haritanın üzerine eklediğiniz nesnelerle ilişkilidir. İlgili içeriği oluşturmak için kullanılan Maps JavaScript API, katmanlardaki nesnelerin sunumunu yönetir bileşen öğelerini tek bir nesnede (genellikle karo yer paylaşımı) oluşturup görüntü alanı değiştikçe bu bilgileri görüntüler. Katmanlar da sunuyu değiştirebilir katmanın kendisinde temel döşemelerde küçük değişiklikler yapılarak katmanla tutarlı olması gerekir. Çoğu katmanın tasarım gereği aynı hizada olmayabileceğini bağımsız nesneleri aracılığıyla erişilir ancak yalnızca girin.
Katmanlara Genel Bakış
Maps JavaScript API'de birkaç katman türü bulunur:
- Google Haritalar Verileri katmanı rastgele coğrafi veriler için bir kapsayıcı sağlar. Veri katmanını özel verilerinizi depolamak veya GeoJSON verilerini görüntülemek için kullanabilirsiniz Google haritasında.
- Isı haritası katmanı, coğrafi verileri Isı haritası görselleştirmesi.
- KML katmanı, KML ve GeoRSS öğelerini Maps JavaScript API kutusu yer paylaşımı.
- Trafik katmanı, trafik koşullarını harita üzerinde gösterir.
- Toplu taşıma katmanı, toplu taşıma ağını gösterir istediğiniz yeri seçin.
- Bisiklet katmanı nesnesi, bisiklet yolları katmanı oluşturur ve/veya bisiklete özgü bindirmeleri ortak bir katmana yerleştirdi. Bu katman döndürüldü istekte bulunurken varsayılan olarak DirectionsRenderer'da BICYCLING ulaşım şekli için yol tarifi.
Katman ekleyin
Bir haritaya katman eklemek için tek yapmanız gereken setMap()
işlevini çağırmaktır.
katmanın görüntüleneceği harita nesnesini iletmenizi sağlar. Benzer şekilde,
katmanında, null
ileterek setMap()
yöntemini çağırın.
Aşağıdaki snippet'te, haritanın merkezi Londra, İngiltere'dir ve Transit katman.
var mapOptions = { zoom: 13, center: new google.maps.LatLng(51.5,-0.11) } var map = new google.maps.Map(document.getElementById("map"), mapOptions); var transitLayer = new google.maps.TransitLayer(); transitLayer.setMap(map);