I livelli sono oggetti sulla mappa costituiti da uno o più elementi separati. ma vengono manipolati come una singola unità. In genere i livelli riflettono raccolte di oggetti che aggiungi sulla mappa per designare un'associazione comune. La L'API Maps JavaScript gestisce la presentazione degli oggetti all'interno dei livelli visualizzando gli elementi che ne fanno parte in un unico oggetto (di solito, un overlay di riquadri) e quando l'area visibile della mappa cambia. I livelli possono anche modificare la presentazione livello della mappa stessa, alterando leggermente i riquadri di base in modo coerenti con il livello. Tieni presente che la maggior parte degli strati, per definizione, potrebbe non essere accessibile tramite i singoli oggetti, ma può essere manipolato solo come unità.
Panoramica dei livelli
L'API Maps JavaScript prevede diversi tipi di livelli:
- I dati di Google Maps fornisce un container 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.
- Lo Il livello mappa termica esegue il rendering dei dati geografici utilizzando Visualizzazione mappa termica.
- Lo Il livello KML esegue il rendering degli elementi KML e GeoRSS in un Overlay del riquadro dell'API Maps JavaScript.
- Lo Livello del traffico mostra le condizioni del traffico sulla mappa.
- Lo Livello di trasporto pubblico mostra la rete di trasporto pubblico della tua città sulla mappa.
- Lo L'oggetto Bicycling layer mostra un livello di piste ciclabili e/o overlay specifici per biciclette in uno strato comune. Questo livello viene restituito per impostazione predefinita all'interno di DirectionsRenderer quando richiedi indicazioni stradali della modalità di viaggio BICYCLING.
Aggiungi un livello
Per aggiungere un livello a una mappa, devi solo chiamare setMap()
,
passando l'oggetto della mappa su cui visualizzare il livello. Analogamente, per nascondere
livello, chiama setMap()
, superando null
.
Lo snippet riportato di seguito centra la mappa su Londra, Regno Unito, e aggiunge la .
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);