Livelli di traffico, trasporto pubblico e ciclismo

I livelli Traffico, Trasporto pubblico e Bicicletta modificano il livello della mappa di base per visualizzare le condizioni del traffico attuali, le reti di trasporto pubblico locali o le informazioni sugli itinerari in bicicletta. 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 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 del trasporto pubblico è attivato 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 dell'operatore della linea di trasporto pubblico. L'attivazione del livello del trasporto pubblico modificherà lo stile della mappa base per mettere in evidenza i percorsi del trasporto pubblico.

Se sei un ente pubblico che supervisiona i trasporti pubblici 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 del trasporto pubblico attivato su una mappa di Londra, Regno Unito:

function initMap(): void {
  const map = new google.maps.Map(
    document.getElementById("map") as HTMLElement,
    {
      zoom: 13,
      center: { lat: 51.501904, lng: -0.115871 },
    }
  );

  const transitLayer = new google.maps.TransitLayer();

  transitLayer.setMap(map);
}

declare global {
  interface Window {
    initMap: () => void;
  }
}
window.initMap = initMap;
index.ts

function initMap() {
  const map = new google.maps.Map(document.getElementById("map"), {
    zoom: 13,
    center: { lat: 51.501904, lng: -0.115871 },
  });
  const transitLayer = new google.maps.TransitLayer();

  transitLayer.setMap(map);
}

window.initMap = initMap;
index.js

Livello percorsi ciclabili

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

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

function initMap(): void {
  const map = new google.maps.Map(
    document.getElementById("map") as HTMLElement,
    {
      zoom: 14,
      center: { lat: 42.3726399, lng: -71.1096528 },
    }
  );

  const bikeLayer = new google.maps.BicyclingLayer();

  bikeLayer.setMap(map);
}

declare global {
  interface Window {
    initMap: () => void;
  }
}
window.initMap = initMap;
index.ts

function initMap() {
  const map = new google.maps.Map(document.getElementById("map"), {
    zoom: 14,
    center: { lat: 42.3726399, lng: -71.1096528 },
  });
  const bikeLayer = new google.maps.BicyclingLayer();

  bikeLayer.setMap(map);
}

window.initMap = initMap;
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 sentieri altrimenti consigliati per l'uso della bicicletta.