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

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

Слой "Пробки"

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

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();
Посмотреть пример

Слой общественного транспорта

Maps JavaScript API позволяет показывать на карте информацию о городском общественном транспорте с помощью объекта TransitLayer. Если этот слой активирован и в центре карты находится город, для которого доступна информация, главные маршруты общественного транспорта будут показаны на карте в виде толстых цветных линий. Цвета линий заданы оператором общественного транспорта. При активации слоя Transit стиль базовой карты меняется, чтобы маршруты общественного транспорта были более заметны.

Если вы представляете государственный орган, ответственный за городской общественный транспорт, и хотите добавить свои данные на карту, ознакомьтесь со сведениями на сайте Партнерской программы "Общественный транспорт".

В примере ниже показан слой общественного транспорта на карте Лондона (Великобритания).

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();
Посмотреть пример

Слой велосипедного транспорта

Maps JavaScript API позволяет показывать на карте информацию для велосипедистов с помощью объекта BicyclingLayer. Слой BicyclingLayer отображает на карте велодорожки, предполагаемые оптимальные маршруты и другие наложения с информацией для велосипедистов. Если слой активирован, стиль базовой карты меняется, чтобы выделить улицы с велодорожками и сделать менее заметными улицы, на которых передвижение на велосипеде запрещено.

В примере ниже показан слой велосипедного транспорта на карте Кембриджа (штат Массачусетс, США).

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();
Посмотреть пример

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