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