Livelli di traffico, trasporto pubblico e ciclismo

I livelli Traffico, Trasporti pubblici e Biciclette modificano il livello della mappa di base per mostrare le condizioni del traffico attuali, le reti di trasporto pubblico locali o le informazioni sui percorsi 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 (se supportate) alle tue mappe utilizzando l'oggetto TrafficLayer. Le informazioni sul traffico vengono aggiornate di frequente, ma non immediatamente. È improbabile che richieste rapide consecutive per la stessa area generino risultati diversi.

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

  const trafficLayer = new google.maps.TrafficLayer();

  trafficLayer.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: 34.04924594193164, lng: -118.24104309082031 },
  });
  const trafficLayer = new google.maps.TrafficLayer();

  trafficLayer.setMap(map);
}

window.initMap = initMap;
index.js

Livello di trasporto pubblico

L'API Maps JavaScript ti consente di visualizzare la rete di trasporto pubblico di una città sulla tua mappa utilizzando l'oggetto TransitLayer. Quando il livello di trasporto pubblico è attivo e la mappa è centrata su una città che supporta le informazioni sul trasporto pubblico, le linee principali di trasporto pubblico vengono visualizzate 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 di base per mettere in evidenza i percorsi del trasporto pubblico.

Se sei un'azienda pubblica che gestisce 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 Trasporti attivato su una mappa di Londra, nel 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 In bici

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 percorsi in bicicletta, percorsi in bicicletta suggeriti e altri overlay specifici per l'utilizzo in bicicletta sulla mappa indicata. Inoltre, il livello modifica lo stile della mappa base stessa per mettere in evidenza le strade che supportano i percorsi in bicicletta e attenuare quelle inappropriate per le biciclette.

L'esempio seguente mostra il livello Bici abilitato su una mappa di Cambridge, nel Massachusetts:

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 in verde scuro indicavano percorsi ciclabili dedicati. I percorsi in verde chiaro indicano le strade con "corsie ciclabili" dedicate. I percorsi tratteggiati indicano strade o percorsi consigliati per l'uso della bicicletta.