Слои загруженности дорог, общественного и велосипедного транспорта

Слои «Транспорт», «Общественный транспорт» и «Велосипедные маршруты» изменяют базовый слой карты, отображая текущую дорожную обстановку, местные сети общественного транспорта или информацию о велосипедных маршрутах. Эти слои доступны в некоторых регионах .

Слой трафика

API JavaScript для работы с картами позволяет добавлять информацию о дорожной ситуации в реальном времени (там, где это поддерживается) на ваши карты с помощью объекта TrafficLayer . Информация о дорожной ситуации обновляется часто, но не мгновенно. Быстрые последовательные запросы для одной и той же области вряд ли приведут к разным результатам.

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

Транзитный слой

The Maps JavaScript API allows you to display the public transit network of a city on your map using the TransitLayer object. When the Transit Layer is enabled, and the map is centered on a city that supports transit information, the map will display major transit lines as thick, colored lines. The color of the line is set based upon information from the transit line operator. Enabling the Transit Layer will alter the style of the base map to better emphasize transit routes.

Если вы являетесь государственным учреждением, отвечающим за общественный транспорт в вашем городе, и хотели бы, чтобы ваши данные были включены в программу, посетите сайт партнерской программы Google Transit , чтобы узнать больше.

В следующем примере показан слой «Транспорт» на карте Лондона, Великобритания:

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

Велосипедный слой

The Maps JavaScript API allows you to add bicycle information to your maps using the BicyclingLayer object. The BicyclingLayer renders a layer of bike paths, suggested bike routes and other overlays specific to bicycling usage on top of the given map. Additionally, the layer alters the style of the base map itself to emphasize streets supporting bicycle routes and de-emphasize streets inappropriate for bicycles.

В следующем примере показан слой «Велосипеды», включенный на карте Кембриджа, штат Массачусетс:

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

Темно-зеленые маршруты обозначают выделенные велосипедные дорожки. Светло-зеленые маршруты обозначают улицы с выделенными «велосипедными полосами». Пунктирные маршруты обозначают улицы или дорожки, которые иным образом рекомендованы для использования велосипедистами.