Warstwy natężenia ruchu, transportu publicznego i rowerowe

Warstwy Ruch, Transport publiczny i Rowerem modyfikują podstawową warstwę mapy w taki sposób, aby była wyświetlana aktualne warunki na drodze, lokalne sieci transportu publicznego czy informacje o trasach rowerowych. Te warstwy są dostępne w wybranych regionach.

Warstwa Ruch

Interfejs Maps JavaScript API umożliwia dodawanie informacji o ruchu drogowym w czasie rzeczywistym informacji (jeśli są obsługiwane) do map za pomocą TrafficLayer obiektu. Informacje o natężeniu ruchu są odświeżane często, ale nie od razu. Szybki kolejne żądania dotyczące tego samego obszaru prawdopodobnie nie dostarczą różnych wyników.

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
Zobacz przykład

Zobacz próbkę

Warstwa transportu publicznego

Maps JavaScript API pozwala wyświetlać sieć transportu publicznego w danym mieście na mapie za pomocą funkcji TransitLayer obiektu. Gdy warstwa transportu publicznego jest włączona, a mapa jest wyśrodkowana na mieście obsługujące informacje o transporcie publicznym, na mapie zostaną wyświetlone główne linie transportu publicznego jako grubych, kolorowych linii. Kolor linii jest ustawiany na podstawie informacji z operatora linii transportu publicznego. Włączenie warstwy Transport publiczny spowoduje zmianę stylu na mapie podstawowej, aby lepiej uwydatnić trasy transportu publicznego.

Jeśli reprezentujesz agencję publiczną, która nadzoruje transport publiczny w Twoim mieście chcesz uwzględnić swoje dane, odwiedź stronę partner Transportu publicznego Google Program, by dowiedzieć się więcej.

Poniższy przykład pokazuje włączoną warstwę Transport publiczny na mapie Londynu w Wielkiej Brytanii:

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
Zobacz przykład

Zobacz próbkę

Kurtka rowerowa

Interfejs Maps JavaScript API umożliwia dodawanie do map informacji o ruchu rowerowym za pomocą obiekt BicyclingLayer. BicyclingLayer renderuje warstwę roweru. ścieżek, sugerowanych tras rowerowych i innych nakładek dla rowerzystów, na wierzchołku danej mapy. Dodatkowo warstwa zmienia styl mapy podstawowej. ma na celu podkreślenie ulic sprzyjających powstawaniu tras rowerowych i złagodzenie znaczenia ulic nieodpowiednie dla rowerzystów.

Poniższy przykład pokazuje, jak warstwa Rowery jest włączona na mapie: Cambridge, MA:

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
Zobacz przykład

Zobacz próbkę

Ciemnozielone trasy wskazują specjalne trasy rowerowe. Trasy jasnozielone wskazują ulice z wydzielonymi „ścieżkami rowerowymi”. Trasy przerywane oznaczają ulice lub ścieżek rowerowych zalecanych dla rowerzystów.