Warstwy natężenia ruchu, transportu publicznego i rowerowe

Warstwy Ruch, Transport publiczny i Rowerem modyfikują warstwę mapy podstawowej tak, 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 Ruch

Interfejs Maps JavaScript API umożliwia dodawanie do map informacji o ruchu drogowym w czasie rzeczywistym (jeśli są obsługiwane) za pomocą obiektu TrafficLayer. Informacje o natężeniu ruchu są odświeżane często, ale nie od razu. Szybkie kolejne żądania dotyczące tego samego obszaru prawdopodobnie nie dają 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

Zobacz próbkę

Warstwa transportu publicznego

Interfejs Maps JavaScript API pozwala wyświetlić na mapie sieć transportu publicznego w danym mieście za pomocą obiektu TransitLayer. Gdy włączona jest warstwa transportu publicznego, a mapa jest wyśrodkowana na mieście, które obsługuje informacje o transporcie publicznym, główne linie transportu publicznego są wyświetlane na mapie jako grube, kolorowe linie. Kolor linii jest ustawiany na podstawie informacji od operatora linii transportu publicznego. Włączenie warstwy Transport publiczny spowoduje zmianę stylu mapy podstawowej, aby lepiej uwydatnić trasy transportu publicznego.

Jeśli reprezentujesz instytucję państwową zarządzającą transportem publicznym w swoim mieście i chcesz umieścić w niej swoje dane, odwiedź stronę programu partnerskiego Google Transport publiczny, aby dowiedzieć się więcej.

Poniższy przykład pokazuje włączoną warstwę Transport publiczny 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

Zobacz próbkę

Kurtka rowerowa

Interfejs Maps JavaScript API umożliwia dodawanie do map informacji o ruchu rowerowym za pomocą obiektu BicyclingLayer. BicyclingLayer renderuje na danej mapie warstwę ścieżek rowerowych, sugerowanych tras rowerowych i innych nakładek typowych dla rowerzystów. Dodatkowo warstwa zmienia styl samej mapy podstawowej, by uwydatnić ulice, na których przebiegają ścieżki rowerowe, i uwydatniać ulice nieodpowiednie dla rowerzystów.

Ten przykład pokazuje, jak warstwa Rower jest włączona na mapie obszaru 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

Zobacz próbkę

Ciemnozielone trasy wskazują specjalne trasy rowerowe. Trasy jasnozielone to ulice z wyznaczonymi „ścieżkami rowerowymi”. Trasy przerywane to ulice lub ścieżki zalecane do jazdy rowerem.