Livelli di traffico, trasporto pubblico e percorsi ciclabili

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

Livello di traffico

L'API Maps JavaScript ti consente di aggiungere traffico in tempo reale informazioni (se supportato) alle tue mappe utilizzando l'TrafficLayer . Le informazioni sul traffico vengono aggiornate di frequente, ma non immediatamente. Rapido è improbabile che richieste consecutive per la stessa area producano che consentono di analizzare i dati e visualizzare i risultati.

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 Trasporto pubblico

L'API Maps JavaScript ti consente di visualizzare la rete di trasporto pubblico di una città sulla mappa utilizzando TransitLayer . Quando il livello Transit è attivo e la mappa è centrata su una città che supporta le informazioni sul trasporto pubblico, la mappa mostrerà le principali linee di trasporto pubblico linee spesse e colorate. Il colore della linea viene impostato in base alle informazioni l'operatore della linea di trasporto pubblico. Se attivi il livello Trasporto pubblico, lo stile verrà modificato la mappa base per enfatizzare meglio i percorsi del trasporto pubblico.

Se sei un ente pubblico che supervisiona il trasporto pubblico per la tua città desidera che i tuoi dati vengano inclusi, visita il partner di Google Transit per scoprire di più.

L'esempio seguente mostra il livello Transit 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

Strato per ciclismo

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 bicicletta percorsi in bici suggeriti, percorsi in bici suggeriti e altri overlay specifici per l'utilizzo in bicicletta parte superiore della mappa data. Inoltre, il livello modifica lo stile della mappa base. enfatizzare le strade che sostengono le biciclette e sminuire le strade non appropriata per le biciclette.

L'esempio seguente mostra il livello Bicicletta abilitato 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 indicavano percorsi ciclabili dedicati. Percorsi verde chiaro indicare le strade con "piste ciclabili". I percorsi tratteggiati indicano strade percorsi in bici altrimenti consigliati.