Warstwy danych o ruchu drogowym, transporcie publicznym i rowerach

Warstwy Natężenie ruchu, Transport publiczny i Trasy rowerowe 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 ruchu są często odświeżane, ale nie natychmiast. Szybkie wysyłanie kolejnych żądań dotyczących tego samego obszaru prawdopodobnie nie przyniesie 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();
Zobacz przykład

Skorzystaj z przykładu

Warstwa transportu publicznego

Interfejs Maps JavaScript API umożliwia wyświetlanie na mapie sieci transportu publicznego w mieście 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, główne linie transportu publicznego są wyświetlane jako grube, kolorowe linie. Kolor linii jest ustawiany na podstawie informacji od operatora linii transportu publicznego. Włączenie warstwy transportu publicznego spowoduje zmianę stylu mapy podstawowej, aby lepiej podkreślić trasy transportu publicznego.

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

Poniższy przykład pokazuje warstwę Transport publiczny włączoną na mapie Londynu:

TypeScript

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();

JavaScript

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

Skorzystaj z przykładu

Warstwa tras rowerowych

Interfejs Maps JavaScript API umożliwia dodawanie do map informacji o trasach rowerowych za pomocą obiektu BicyclingLayer. BicyclingLayer renderuje warstwę ścieżek rowerowych, sugerowanych tras rowerowych i innych nakładek związanych z jazdą na rowerze na górze danej mapy. Dodatkowo warstwa zmienia styl samej mapy podstawowej, aby wyróżnić ulice z trasami rowerowymi i zmniejszyć widoczność ulic, które nie są odpowiednie dla rowerów.

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

TypeScript

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();

JavaScript

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

Skorzystaj z przykładu

Ciemnozielone trasy oznaczają wydzielone trasy rowerowe. Jasnozielone trasy oznaczają ulice z wydzielonymi pasami dla rowerów. Przerywane linie oznaczają ulice lub ścieżki, które są zalecane dla rowerzystów.