Livelli di traffico, trasporto pubblico e ciclismo

I livelli Traffico, Trasporto pubblico e Percorsi ciclabili modificano il livello della mappa base per mostrare le condizioni del traffico attuali, le reti di trasporto pubblico locali o le informazioni sui percorsi ciclabili. Questi livelli sono disponibili in regioni selezionate.

Livello traffico

L'API Maps JavaScript ti consente di aggiungere informazioni sul traffico in tempo reale (dove supportate) alle tue mappe utilizzando l'oggetto TrafficLayer. Le informazioni sul traffico vengono aggiornate di frequente, ma non immediatamente. È improbabile che le richieste consecutive rapide per la stessa area producano risultati diversi.

TypeScript

async function init(): Promise<void> {
    const { TrafficLayer } = await google.maps.importLibrary('maps');

    const mapElement =
        document.querySelector<google.maps.MapElement>('gmp-map')!;
    const innerMap = mapElement.innerMap;

    const trafficLayer = new TrafficLayer();

    trafficLayer.setMap(innerMap);
}

void init();

JavaScript

async function init() {
    const { TrafficLayer } = await google.maps.importLibrary('maps');

    const mapElement = document.querySelector('gmp-map');
    const innerMap = mapElement.innerMap;

    const trafficLayer = new TrafficLayer();

    trafficLayer.setMap(innerMap);
}

void init();
Visualizza l'esempio

Livello trasporto pubblico

L'API Maps JavaScript ti consente di visualizzare la rete di trasporto pubblico di una città sulla mappa utilizzando l'oggetto TransitLayer. Quando il livello Trasporto pubblico è attivato e la mappa è centrata su una città che supporta le informazioni sul trasporto pubblico, la mappa visualizzerà le principali linee di trasporto pubblico come linee spesse e colorate. Il colore della linea viene impostato in base alle informazioni dell'operatore della linea di trasporto pubblico. L'attivazione del livello Trasporto pubblico modificherà lo stile della mappa base per enfatizzare meglio i percorsi di trasporto pubblico.

Se sei un'agenzia pubblica che supervisiona il trasporto pubblico della tua città e vuoi che i tuoi dati vengano inclusi, visita il sito del programma Partner di Google Transit per saperne di più.

L'esempio seguente mostra il livello Trasporto pubblico attivato su una mappa di Londra, Regno Unito:

TypeScript

async function init(): Promise<void> {
    const { TransitLayer } = await google.maps.importLibrary('maps');

    const mapElement =
        document.querySelector<google.maps.MapElement>('gmp-map')!;
    const innerMap = mapElement.innerMap;

    const transitLayer = new TransitLayer();

    transitLayer.setMap(innerMap);
}

void init();

JavaScript

async function init() {
    const { TransitLayer } = await google.maps.importLibrary('maps');

    const mapElement = document.querySelector('gmp-map');
    const innerMap = mapElement.innerMap;

    const transitLayer = new TransitLayer();

    transitLayer.setMap(innerMap);
}

void init();
Visualizza l'esempio

Livello percorsi ciclabili

L'API Maps JavaScript ti consente di aggiungere informazioni sulle biciclette alle tue mappe utilizzando l'oggetto BicyclingLayer. Il BicyclingLayer esegue il rendering di un livello di piste ciclabili, percorsi ciclabili suggeriti e altri overlay specifici per l'uso della bicicletta sulla mappa specificata. Inoltre, il livello modifica lo stile della mappa base stessa per enfatizzare le strade che supportano i percorsi ciclabili e ridurre l'enfasi sulle strade inadatte alle biciclette.

L'esempio seguente mostra il livello Percorsi ciclabili attivato su una mappa di Cambridge, Massachusetts:

TypeScript

async function init(): Promise<void> {
    const { BicyclingLayer } = await google.maps.importLibrary('maps');

    const mapElement = document.querySelector('gmp-map')!;
    const innerMap = mapElement.innerMap;

    const bikeLayer = new BicyclingLayer();

    bikeLayer.setMap(innerMap);
}

void init();

JavaScript

async function init() {
    const { BicyclingLayer } = await google.maps.importLibrary('maps');

    const mapElement = document.querySelector('gmp-map');
    const innerMap = mapElement.innerMap;

    const bikeLayer = new BicyclingLayer();

    bikeLayer.setMap(innerMap);
}

void init();
Visualizza l'esempio

I percorsi in verde scuro indicano i percorsi ciclabili dedicati. I percorsi in verde chiaro indicano le strade con "corsie ciclabili" dedicate. I percorsi tratteggiati indicano strade o percorsi altrimenti consigliati per l'uso della bicicletta.