Warstwy danych o ruchu drogowym, transporcie publicznym i rowerach

Warstwy Ruch, Transport publiczny i Rower modyfikują warstwę mapy podstawowej, aby wyświetlać aktualne warunki na drogach, informacje o lokalnych sieciach transportu publicznego lub informacje o trasach rowerowych. Te warstwy są dostępne w wybranych regionach.

Warstwa ruchu

Interfejs Maps JavaScript API umożliwia dodawanie informacji o natężeniu ruchu w czasie rzeczywistym (tam, gdzie jest to obsługiwane) do map za pomocą obiektu TrafficLayer. Informacje o ruchu są często odświeżane, ale nie natychmiast. Szybkie wysyłanie kolejnych próśb dotyczących tego samego obszaru prawdopodobnie nie przyniesie różnych wyników.

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

Warstwa transportu

Interfejs Maps JavaScript API umożliwia wyświetlanie na mapie sieci transportu publicznego miasta za pomocą obiektu TransitLayer. Gdy warstwa transportu publicznego jest włączona, a mapa jest wyśrodkowana na mieście, które obsługuje informacje o transporcie publicznym, na mapie będą widoczne główne linie transportu publicznego w postaci grubych, kolorowych linii. Kolor linii jest ustawiany na podstawie informacji od operatora linii transportowej. Włączenie warstwy transportu publicznego spowoduje zmianę stylu mapy podstawowej w celu lepszego wyróżnienia tras transportu publicznego.

Jeśli jesteś instytucją publiczną nadzorującą transport publiczny w Twoim mieście i chcesz, aby Twoje dane były uwzględniane, odwiedź stronę Programu partnerskiego Google ds. transportu publicznego, aby dowiedzieć się więcej.

Na przykładzie poniżej widać włączoną warstwę Transport publiczny na mapie Londynu w Wielkiej Brytanii:

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

Warstwa danych o trasach rowerowych

Interfejs Maps JavaScript API umożliwia dodawanie informacji o rowerach do map za pomocą obiektu BicyclingLayer. BicyclingLayer renderuje warstwę ścieżek rowerowych, sugerowanych tras rowerowych i innych nakładek związanych z rowerami na danej mapie. Dodatkowo warstwa zmienia styl mapy podstawowej, aby wyróżnić ulice z trasami rowerowymi i pomniejszyć ulice nieodpowiednie dla rowerów.

Ten przykład pokazuje włączony na mapie Cambridge w Massachusetts (Stany Zjednoczone) widok Trasy rowerowe:

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

Ciemnozielone trasy to ścieżki rowerowe. Jasnozielone trasy wskazują ulice z wydzielonymi pasami rowerowymi. Przerywana linia wskazuje ulice lub ścieżki zalecane do jazdy na rowerze.