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

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

Уровень трафика

API JavaScript Карт позволяет добавлять на карты информацию о дорожном движении в реальном времени (если это поддерживается) с помощью объекта 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;
index.ts

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

Транзитный уровень

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

Если вы представляете государственное учреждение, которое контролирует общественный транспорт в вашем городе и хотите, чтобы ваши данные были включены в него, посетите сайт партнерской программы 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

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