Warstwy natężenia ruchu, transportu publicznego i rowerowe

Warstwa Ruch drogowy, transport publiczny i trasy rowerowe modyfikuje podstawową warstwę mapy, aby wyświetlać aktualne warunki na drodze, lokalne sieci transportu publicznego lub informacje o trasach rowerowych. Te warstwy są dostępne w wybranych regionach.

Warstwa natężenia ruchu

Maps JavaScript API umożliwia dodawanie do map informacji o ruchu drogowym w czasie rzeczywistym (jeśli jest to obsługiwane) za pomocą obiektu TrafficLayer. Informacje o ruchu są odświeżane często, ale nie natychmiast. Szybkie, powtarzające się żądania dotyczące tego samego obszaru najprawdopodobniej nie przyniosą różnych wyników.

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
Zobacz przykład

Fragment

Warstwa transportu publicznego

Interfejs Maps JavaScript API umożliwia wyświetlanie na mapie sieci transportu publicznego w ramach miasta za pomocą obiektu TransitLayer. Gdy warstwa transportu publicznego jest włączona, a mapa jest wyśrodkowana na mieście, w którym są obsługiwane informacje o transporcie publicznym, mapa wyświetla główne linie transportu publicznego jako grube, kolorowe linie. Kolor linii jest ustawiany na podstawie informacji od przewoźnika. Włączenie warstwy transportu publicznego zmieni styl mapy podstawowej, aby lepiej uwydatnić trasy transportu publicznego.

Jeśli reprezentujesz instytucję publiczną, która nadzoruje transport publiczny w swoim mieście, i chcesz, aby Twoje dane zostały uwzględnione, odwiedź stronę programu partnerskiego Google Transport publiczny, aby dowiedzieć się więcej.

Poniższy przykład pokazuje warstwę transportu publicznego na mapie Londynu w Wielkiej Brytanii:

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
Zobacz przykład

Fragment

Warstwa rowerowa

Interfejs Maps JavaScript API umożliwia dodanie do map informacji o rowerach za pomocą obiektu BicyclingLayer. BicyclingLayer wyrenderuje warstwę tras rowerowych, sugerowane trasy rowerowe i inne nakładki związane z wykorzystaniem rowerów na tej mapie. Warstwa zmienia też styl mapy podstawowej, aby wyróżnić ulice obsługujące trasy rowerowe i odróżnić ulice nieodpowiednie dla rowerzystów.

Poniższy przykład pokazuje warstwę roweru włączoną na mapie Cambridge w stanie Massachusetts:

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
Zobacz przykład

Fragment

Ciemnozielone trasy wskazują specjalne trasy rowerowe. Jasnozielone trasy oznaczają ulice z wydzielonymi „pasami rowerowymi”. Ścieżki przerywane to ulice i ścieżki, które w innym przypadku powinny być polecane dla rowerzystów.