Livelli di traffico, trasporto pubblico e percorsi ciclabili

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

Livello Trasporto pubblico

L'API Maps JavaScript ti consente di visualizzare sulla mappa la rete di trasporto pubblico di una città utilizzando l'oggetto TransitLayer. Quando il livello Transit è attivo e la mappa è centrata su una città che supporta informazioni sul trasporto pubblico, la mappa visualizza 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. Se attivi il livello Trasporto pubblico, lo stile della mappa base verrà modificato per enfatizzare meglio i percorsi di 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 Transit 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 Sample

Strato per ciclismo

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

L'esempio seguente mostra il livello Bicicletta attivato 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 Sample

I percorsi verde scuro indicavano percorsi ciclabili dedicati. I percorsi di colore verde chiaro indicano le strade con "corsie ciclabili". I percorsi tratteggiati indicano strade o percorsi altrimenti consigliati per le biciclette.