Warstwy danych o ruchu drogowym, transporcie publicznym i rowerach

Warstwy natężenia ruchu, transportu publicznego i tras rowerowych modyfikują warstwę mapy podstawowej, 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

Interfejs Maps JavaScript API umożliwia dodawanie do map informacji o natężeniu ruchu w czasie rzeczywistym (tam, gdzie jest to obsługiwane) za pomocą obiektu TrafficLayer. Informacje o natężeniu ruchu są odświeżane często, ale nie natychmiast. Szybkie kolejne żądania dotyczące tego samego obszaru raczej nie przyniosą innych wyników.

TypeScript

async function init(): Promise<void> {
    const { TrafficLayer } = await google.maps.importLibrary('maps');

    const mapElement =
        document.querySelector<google.maps.MapElement>('gmp-map')!;
    const innerMap = mapElement.innerMap;

    const trafficLayer = new TrafficLayer();

    trafficLayer.setMap(innerMap);
}

void init();

JavaScript

async function init() {
    const { TrafficLayer } = await google.maps.importLibrary('maps');

    const mapElement = document.querySelector('gmp-map');
    const innerMap = mapElement.innerMap;

    const trafficLayer = new TrafficLayer();

    trafficLayer.setMap(innerMap);
}

void init();
Wyświetl przykład

Wypróbuj przykład

Warstwa transportu publicznego

Interfejs Maps JavaScript API umożliwia wyświetlanie sieci transportu publicznego miasta na mapie za pomocą obiektu TransitLayer. Gdy warstwa transportu publicznego jest włączona, a mapa jest wyśrodkowana na mieście, które obsługuje informacje o transporcie publicznym, na mapie będą wyświetlane główne linie transportu publicznego jako grube, kolorowe linie. Kolor linii jest ustawiany na podstawie informacji od operatora linii transportu publicznego. Włączenie warstwy transportu publicznego zmieni styl mapy podstawowej, aby lepiej podkreślić trasy transportu publicznego.

Jeśli jesteś przedstawicielem instytucji publicznej, która nadzoruje transport publiczny w Twoim mieście i chcesz, aby Twoje dane były uwzględniane, odwiedź witrynę Programu dla partnerów Google Transit, aby dowiedzieć się więcej.

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

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;
Wyświetl przykład

Warstwa tras rowerowych

Interfejs Maps JavaScript API umożliwia dodawanie do map informacji o rowerach za pomocą obiektu BicyclingLayer. Obiekt BicyclingLayer renderuje warstwę ścieżek rowerowych, sugerowanych tras rowerowych i innych nakładek związanych z korzystaniem z roweru na danej mapie. Ponadto warstwa zmienia styl mapy podstawowej, aby podkreślić ulice obsługujące trasy rowerowe i zminimalizować ulice nieodpowiednie dla rowerów.

Poniższy przykład pokazuje warstwę tras rowerowych 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;

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;
Wyświetl przykład

Ciemnozielone trasy oznaczają trasy rowerowe. Jasnozielone trasy oznaczają ulice z wyznaczonymi pasami rowerowymi. Trasy przerywane oznaczają ulice lub ścieżki, które są zalecane do jazdy na rowerze.