Katmanlar

Platform seçin: Android JavaScript

Katmanlar, haritadaki bir veya daha fazla ayrı öğeden oluşan ancak tek bir birim olarak işlenen nesnelerdir. Katmanlar genellikle ortak bir ilişkilendirmeyi belirtmek için haritanın üzerine eklediğiniz nesne koleksiyonlarını yansıtır. Maps JavaScript API, katmanlardaki nesnelerin sunumunu, bunları oluşturan öğeleri tek bir nesneye (genellikle bir karo yer paylaşımı) dönüştürerek ve haritanın görüntü alanı değiştikçe bunları görüntüleyerek yönetir. Katmanlar, haritanın sunum katmanını da değiştirebilir. Bu durumda, temel karolar katmanla tutarlı bir şekilde hafifçe değiştirilir. Tasarım gereği çoğu katmana, tek tek nesneleri aracılığıyla erişilemeyeceğini ve yalnızca bir birim olarak değiştirilebileceğini unutmayın.

Katmanlara Genel Bakış

Maps JavaScript API'de birkaç katman türü vardır:

  • Google Haritalar Verileri katmanı, rastgele coğrafi veriler için bir kapsayıcı sağlar. Özel verilerinizi depolamak veya GeoJSON verilerini bir Google haritasında görüntülemek için Veri katmanını kullanabilirsiniz.
  • Isı haritası katmanı, coğrafi verileri ısı haritası görselleştirmesi kullanarak oluşturur.
  • KML katmanı, KML ve GeoRSS öğelerini Maps JavaScript API karo yer paylaşımı olarak oluşturur.
  • Trafik katmanı, haritada trafik koşullarını gösterir.
  • Toplu taşıma katmanı, şehrinizin toplu taşıma ağını haritada gösterir.
  • Bisiklet sürme katmanı nesnesi, bisiklet yolları ve/veya bisiklete özel yer paylaşımlarından oluşan bir katmanı ortak bir katmanda oluşturur. Bu katman, BICYCLING seyahat modu yol tarifi istendiğinde varsayılan olarak DirectionsRenderer içinde döndürülür.

Katman ekleyin

Bir haritaya katman eklemek için tek yapmanız gereken, katmanın görüntüleneceği harita nesnesini geçirerek setMap() işlevini çağırmaktır. Benzer şekilde, bir katmanı gizlemek için null parametresini iliştirerek setMap() işlevini çağırın.

Aşağıdaki snippet, haritayı Birleşik Krallık'taki Londra'ya merkezlendirir 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);