Warstwy
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Wybierz platformę:
Android
JavaScript
Warstwy to obiekty na mapie, które składają się z co najmniej 1 oddzielnego elementu, ale są modyfikowane jako pojedyncza jednostka. Warstwy zwykle odzwierciedlają kolekcje obiektów, które dodajesz na mapie, aby wskazać wspólny związek. Interfejs Maps JavaScript API zarządza prezentacją obiektów w warstwach, renderując ich elementy składowe w jeden obiekt (zazwyczaj nakładkę płytek) i wyświetlając je w miarę zmiany widoku mapy. Warstwy mogą też zmieniać sposób wyświetlania warstwy samej mapy, nieznacznie zmieniając płytki podstawowe w sposób zgodny z warstwą. Pamiętaj, że większość warstw nie może być obsługiwana za pomocą poszczególnych obiektów, ale tylko jako całość.
Omówienie warstw
Interfejs Maps JavaScript API obsługuje kilka typów warstw:
- Warstwa danych Map Google to kontener na dowolne dane geoprzestrzenne.
Za pomocą warstwy danych możesz przechowywać dane niestandardowe lub wyświetlać na mapie Google dane GeoJSON.
-
Warstwa mapy termicznej renderuje dane geograficzne za pomocą wizualizacji mapy termicznej.
-
Warstwa KML renderuje elementy KML i GeoRSS w nakładce mapy interfejsu Maps JavaScript API.
-
Warstwa natężenia ruchu pokazuje na mapie warunki natężenia ruchu.
-
Warstwę transportu publicznego na mapie przedstawiającą sieć transportu publicznego w Twoim mieście.
- Obiekt
Warstwa rowerowa renderuje warstwę ścieżek rowerowych
lub nakładek rowerowych na wspólną warstwę. Ta warstwa jest domyślnie zwracana w ramach DirectionsRenderer, gdy żądasz wskazówek dojazdu w trybie BICYCLING.
Dodawanie warstwy
Aby dodać warstwę do mapy, wystarczy wywołać metodę setMap(), przekazując jej obiekt mapy, na którym ma być wyświetlana warstwa. Aby ukryć warstwę, wywołaj funkcję setMap(), podając argument null.
Ten fragment kodu umieszcza mapę w centrum Londynu w Wielkiej Brytanii i dodaje warstwę transportu publicznego.
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);
O ile nie stwierdzono inaczej, treść tej strony jest objęta licencją Creative Commons – uznanie autorstwa 4.0, a fragmenty kodu są dostępne na licencji Apache 2.0. Szczegółowe informacje na ten temat zawierają zasady dotyczące witryny Google Developers. Java jest zastrzeżonym znakiem towarowym firmy Oracle i jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2025-08-06 UTC.
[null,null,["Ostatnia aktualizacja: 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```"]]
