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ą różnych wyników.

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();
index.ts

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();
index.js

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, mapa będzie wyświetlać 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:

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

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

    const transitLayer = new TransitLayer();

    transitLayer.setMap(innerMap);
}

void init();
index.ts

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

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

    const transitLayer = new TransitLayer();

    transitLayer.setMap(innerMap);
}

void init();
index.js

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ć znaczenie ulic nieodpowiednich dla rowerów.

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

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

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

    const bikeLayer = new BicyclingLayer();

    bikeLayer.setMap(innerMap);
}

void init();
index.ts

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

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

    const bikeLayer = new BicyclingLayer();

    bikeLayer.setMap(innerMap);
}

void init();
index.js

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