I livelli sono oggetti sulla mappa costituiti da uno o più elementi separati, ma vengono manipolati come una singola unità. I livelli in genere riflettono raccolte di oggetti che aggiungi sopra la mappa per indicare un'associazione comune. L'API Maps JavaScript gestisce la presentazione degli oggetti all'interno dei livelli eseguendo il rendering dei relativi elementi costitutivi in un unico oggetto (in genere un overlay di riquadri) e visualizzandoli man mano che cambia il riquadro della mappa. I livelli possono anche alterare il livello di presentazione della mappa stessa, modificando leggermente i riquadri di base in modo coerente con il livello. Tieni presente che la maggior parte dei livelli, per progettazione, non può essere accessibile utilizzando i singoli oggetti, ma può essere manipolata solo come unità.
Panoramica dei livelli
L'API Maps JavaScript ha 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 KML esegue il rendering degli elementi KML e GeoRSS in un overlay delle tessere dell'API Maps JavaScript.
- Il livello Traffico mostra le condizioni del traffico sulla mappa.
- Il livello del trasporto pubblico mostra la rete di trasporto pubblico della tua città sulla mappa.
- 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 all'interno di DirectionsRenderer quando si richiedono indicazioni stradali della 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, Regno Unito, e aggiunge il livello Trasporto pubblico.
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);