Livelli di traffico, trasporto pubblico e ciclismo

I livelli Traffico, Trasporto pubblico e In bicicletta modificano il livello della mappa base per visualizzare le condizioni del traffico attuali, le reti di trasporto pubblico locali o le informazioni sui percorsi in bici. Questi livelli sono disponibili in alcune regioni.

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 istantaneamente. È improbabile che richieste consecutive rapide per la stessa area producano risultati diversi.

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();
index.ts

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();
index.js

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 è attivo e la mappa è centrata su una città che supporta le informazioni sul trasporto pubblico, la mappa mostrerà le principali linee di trasporto pubblico come linee spesse e colorate. Il colore della linea viene impostato in base alle informazioni fornite dall'operatore della linea di trasporto pubblico. L'attivazione del livello Trasporto pubblico modifica lo stile della mappa base per evidenziare meglio i percorsi di trasporto pubblico.

Se rappresenti 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:

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();
index.ts

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();
index.js

Livello percorsi ciclabili

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

L'esempio seguente mostra il livello Bicicletta attivato su una mappa di Cambridge, MA:

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();
index.ts

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();
index.js

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