Уровни трафика, общественного транспорта и велосипедного движения

Оптимизируйте свои подборки Сохраняйте и классифицируйте контент в соответствии со своими настройками.

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

Слой трафика

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

Машинопись

function initMap(): void {
  const map = new google.maps.Map(
    document.getElementById("map") as HTMLElement,
    {
      zoom: 13,
      center: { lat: 34.04924594193164, lng: -118.24104309082031 },
    }
  );

  const trafficLayer = new google.maps.TrafficLayer();

  trafficLayer.setMap(map);
}

declare global {
  interface Window {
    initMap: () => void;
  }
}
window.initMap = initMap;

JavaScript

function initMap() {
  const map = new google.maps.Map(document.getElementById("map"), {
    zoom: 13,
    center: { lat: 34.04924594193164, lng: -118.24104309082031 },
  });
  const trafficLayer = new google.maps.TrafficLayer();

  trafficLayer.setMap(map);
}

window.initMap = initMap;
Посмотреть пример

Попробуйте образец

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

Maps JavaScript API позволяет отображать сеть общественного транспорта города на карте с помощью объекта TransitLayer . Когда слой общественного транспорта включен и центр карты находится в городе, который поддерживает информацию об общественном транспорте, на карте основные линии общественного транспорта будут отображаться в виде толстых цветных линий. Цвет линии устанавливается на основе информации от оператора транзитной линии. Включение 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;

JavaScript

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

Попробуйте образец

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

Maps JavaScript API позволяет добавлять на карты информацию о велосипедах с помощью объекта 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;

JavaScript

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

Попробуйте образец

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