Livelli
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Seleziona la piattaforma:
Android
JavaScript
I livelli sono oggetti sulla mappa costituiti da uno o più elementi distinti, ma vengono manipolati come una singola unità. In genere, i livelli riflettono raccolte di oggetti che aggiungi sulla mappa per designare un'associazione comune. L'API Maps JavaScript gestisce la presentazione degli oggetti all'interno dei livelli visualizzando gli elementi costitutivi in un unico oggetto (in genere un overlay di riquadri) e mostrandoli quando la visualizzazione della mappa cambia. I livelli possono anche modificare il livello di presentazione della mappa stessa, modificando leggermente i riquadri base in modo coerente con il livello. Tieni presente che, per impostazione predefinita, alla maggior parte dei livelli non è possibile accedere tramite i singoli oggetti, ma possono essere manipolati solo come unità.
Panoramica dei livelli
L'API Maps JavaScript dispone di diversi tipi di livelli:
- Il livello
Dati di Google Maps fornisce un contenitore per dati geospaziali arbitrari.
Puoi utilizzare il livello dati per archiviare i tuoi dati personalizzati o per visualizzare i dati GeoJSON su una mappa di Google.
- Il
livello della mappa termica esegue il rendering dei dati geografici utilizzando una visualizzazione della mappa termica.
- Il
livello KML esegue il rendering di elementi KML e GeoRSS in un overlay di riquadri dell'API Maps JavaScript.
- Il
livello di traffico mostra le condizioni del traffico sulla mappa.
- Il
livello Trasporto pubblico mostra sulla mappa la rete di trasporto pubblico della tua città.
- L'oggetto
Livello Bicicletta esegue il rendering di un livello di piste ciclabili
e/o overlay specifici per le biciclette in un livello comune. Questo livello viene restituito per impostazione predefinita in DirectionsRenderer quando si richiedono indicazioni stradali per la modalità di viaggio BICYCLING.
Aggiungi un livello
Per aggiungere un livello a una mappa, devi solo chiamare setMap()
,
passando l'oggetto mappa su cui visualizzare il livello. Analogamente, per nascondere un livello, chiama setMap()
passando null
.
Lo snippet riportato di seguito centra la mappa su Londra, nel Regno Unito, e aggiunge il livello
Trasporti.
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);
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2025-08-06 UTC.
[null,null,["Ultimo aggiornamento 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```"]]