Livelli di traffico, trasporto pubblico e percorsi ciclabili

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

Livello di traffico

L'API Maps JavaScript ti consente di aggiungere informazioni sul traffico in tempo reale (ove supportato) alle tue mappe utilizzando l'oggetto TrafficLayer. Le informazioni sul traffico vengono aggiornate frequentemente, ma non istantaneamente. È improbabile che richieste consecutive rapide per la stessa area generino risultati diversi.

TypeScript

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

JavaScript

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
Visualizza esempio

Prova Samples

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 è abilitato e la mappa è centrata su una città che supporta le informazioni sul trasporto pubblico, la mappa mostra le principali linee di trasporto pubblico sotto forma di 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 del trasporto pubblico.

Se sei un ente pubblico che supervisiona il trasporto pubblico per la tua città e vuoi che i tuoi dati vengano inclusi, visita il sito del Programma Partner di Google Transit per ulteriori informazioni.

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

TypeScript

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

JavaScript

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
Visualizza esempio

Prova Samples

Strato per biciclette

L'API Maps JavaScript ti consente di aggiungere informazioni sulle biciclette alle mappe utilizzando l'oggetto BicyclingLayer. BicyclingLayer mostra sulla parte superiore della mappa un livello di piste ciclabili, percorsi ciclabili suggeriti e altri overlay specifici per l'utilizzo delle biciclette. Inoltre, il livello modifica lo stile della mappa base per enfatizzare le strade che supportano le piste ciclabili e le strade non appropriate per le biciclette.

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

TypeScript

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

JavaScript

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
Visualizza esempio

Prova Samples

I percorsi verde scuro indicavano percorsi ciclabili dedicati. I percorsi di colore verde chiaro indicano le strade con "piste ciclabili dedicate". I percorsi tratteggiati indicano strade o percorsi altrimenti consigliati per l'uso in bicicletta.