Katmanlar
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
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);
Aksi belirtilmediği sürece bu sayfanın içeriği Creative Commons Atıf 4.0 Lisansı altında ve kod örnekleri Apache 2.0 Lisansı altında lisanslanmıştır. Ayrıntılı bilgi için Google Developers Site Politikaları'na göz atın. Java, Oracle ve/veya satış ortaklarının tescilli ticari markasıdır.
Son güncelleme tarihi: 2025-08-06 UTC.
[null,null,["Son güncelleme tarihi: 2025-08-06 UTC."],[[["\u003cp\u003eLayers in Maps JavaScript API are objects consisting of multiple items that are treated as a single unit and often represent collections of objects on the map.\u003c/p\u003e\n"],["\u003cp\u003eThe API provides various layer types, including Data, Heatmap, KML, Traffic, Transit, and Bicycling layers, each serving a distinct purpose for displaying geospatial data.\u003c/p\u003e\n"],["\u003cp\u003eYou can easily add or hide a layer by calling the \u003ccode\u003esetMap()\u003c/code\u003e method, providing the map object or \u003ccode\u003enull\u003c/code\u003e respectively.\u003c/p\u003e\n"],["\u003cp\u003eThe example code demonstrates adding a Transit layer to a map centered on London.\u003c/p\u003e\n"]]],[],null,["Select platform: [Android](/maps/documentation/android-sdk/utility/multilayer \"View this page for the Android platform docs.\") [JavaScript](/maps/documentation/javascript/layers \"View this page for the JavaScript platform docs.\")\n\nLayers are objects on the map that consist of one or more separate items,\nbut are manipulated as a single unit. Layers generally reflect collections of\nobjects that you add on top of the map to designate a common association. The\nMaps JavaScript API manages the presentation of objects within layers\nby rendering their constituent items into one object (typically a tile overlay) and\ndisplaying them as the map's viewport changes. Layers may also alter the presentation\nlayer of the map itself, slightly altering the base tiles in a fashion\nconsistent with the layer. Note that most layers, by design, may not be\naccessed via their individual objects, but may only be manipulated as a\nunit.\n\nLayers Overview\n\nThe Maps JavaScript API has several types of layers:\n\n- The [**Google Maps Data\n layer**](/maps/documentation/javascript/datalayer) provides a container for arbitrary geospatial data. You can use the Data layer to store your custom data, or to display GeoJSON data on a Google map.\n- The [**Heatmap layer**](/maps/documentation/javascript/heatmaplayer) renders geographic data using a *Heatmap* visualization.\n- The [**KML layer**](/maps/documentation/javascript/kmllayer) renders KML and GeoRSS elements into a Maps JavaScript API tile overlay.\n- The [**Traffic layer**](/maps/documentation/javascript/trafficlayer#traffic_layer) displays traffic conditions on the map.\n- The [**Transit layer**](/maps/documentation/javascript/trafficlayer#transit_layer) displays the public transport network of your city on the map.\n- The [**Bicycling layer**](/maps/documentation/javascript/trafficlayer#bicycling_layer) object renders a layer of bike paths and/or bicycle-specific overlays into a common layer. This layer is returned by default within the **DirectionsRenderer** when requesting directions of travel mode **BICYCLING**.\n\nAdd a layer\n\nTo add a layer to a map, you only need to call `setMap()`,\npassing it the map object on which to display the layer. Similarly, to hide a\nlayer, call `setMap()`, passing `null`.\n\nThe below snippet centers the map on London, UK, and adds the [Transit\nlayer](/maps/documentation/javascript/trafficlayer#transit_layer). \n\n```javascript\nvar mapOptions = {\n zoom: 13,\n center: new google.maps.LatLng(51.5,-0.11)\n}\n\nvar map = new google.maps.Map(document.getElementById(\"map\"), mapOptions);\n\nvar transitLayer = new google.maps.TransitLayer();\ntransitLayer.setMap(map);\n```"]]
