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

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

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

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

TypeScript

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

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

Примеры кода

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

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

Данные об общественном транспорте доступны не везде. Города, для которых такие данные есть, перечислены в этом списке.

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

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

TypeScript

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

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

Примеры кода

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

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

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

TypeScript

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

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

Примеры кода

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