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

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

Слой трафика

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

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

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

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

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

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

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

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

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

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

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

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

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