Katmanlar

Platform seçin: Android JavaScript

Katmanlar, haritada bir veya daha fazla ayrı öğeden oluşan ancak tek bir birim olarak işlenen nesnelerdir. Katmanlar genellikle ortak bir ilişkiyi belirtmek için haritanın üzerine eklediğiniz nesne koleksiyonlarını yansıtır. Maps JavaScript API, katmanlardaki nesnelerin sunumunu, bileşen öğelerini tek bir nesne (genellikle bir döşeme yer paylaşımı) olarak oluşturup haritanın görünüm alanı değiştikçe bunları görüntüleyerek yönetir. Katmanlar, haritanın sunum katmanını da değiştirebilir ve temel döşemeleri katmanla tutarlı bir şekilde biraz değiştirebilir. Çoğu katmanın, tasarım gereği ayrı ayrı nesneleri kullanılarak erişilemediğini, yalnızca bir birim olarak değiştirilebileceğini unutmayın.

Katmanlara Genel Bakış

Maps JavaScript API'de çeşitli katman türleri bulunur:

  • Google Haritalar Veri katmanı, rastgele coğrafi veriler için bir kapsayıcı sağlar. Özel verilerinizi depolamak veya GeoJSON verilerini bir Google Haritası'nda göstermek için veri katmanını kullanabilirsiniz.
  • KML katmanı, KML ve GeoRSS öğelerini bir Maps JavaScript API döşeme yer paylaşımı olarak oluşturur.
  • Trafik katmanı, haritada trafik koşullarını gösterir.
  • Toplu taşıma katmanı, şehrinizdeki toplu taşıma ağını haritada gösterir.
  • Bisiklet katmanı nesnesi, bisiklet yollarının ve/veya bisiklete özel yer paylaşımlarının bir katmanını ortak bir katmanda oluşturur. Bu katman, BICYCLING seyahat modunda yol tarifi istenirken DirectionsRenderer içinde varsayılan olarak döndürülür.

Katman ekleyin

Haritaya katman eklemek için yalnızca setMap() yöntemini çağırmanız ve katmanın görüntüleneceği harita nesnesini iletmeniz gerekir. Benzer şekilde, bir katmanı gizlemek için setMap() işlevini çağırıp null değerini iletin.

Aşağıdaki snippet, haritayı Birleşik Krallık'taki Londra'da ortalar ve Toplu taşıma katmanını ekler.

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);