Warstwy natężenia ruchu, transportu publicznego i rowerowe

Zadbaj o dobrą organizację dzięki kolekcji Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.

Warstwy natężenia ruchu, transportu publicznego i roweru modyfikują podstawową warstwę mapy, by wyświetlać informacje o aktualnych warunkach ruchu, lokalnych sieciach transportu publicznego i trasach rowerowych. Te warstwy są dostępne w wybranych regionach.

Warstwa ruchu

Interfejs Maps JavaScript API umożliwia dodawanie do map informacji o natężeniu ruchu w czasie rzeczywistym (jeśli jest to możliwe) za pomocą obiektu TrafficLayer. Informacje o natężeniu ruchu są odświeżane często, ale nie natychmiast. Szybkie kolejne żądania dotyczące tego samego obszaru prawdopodobnie nie przyniosą 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;

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

Fragment

Warstwa transportu publicznego

Interfejs Maps JavaScript API umożliwia wyświetlanie sieci transportu publicznego miasta na mapie 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, mapa będzie wyświetlać najważniejsze linie transportu publicznego jako grube, kolorowe linie. Kolor linii jest ustawiany na podstawie informacji od operatora linii transportu publicznego. Włączenie warstwy transportu publicznego zmieni styl mapy podstawowej, aby bardziej precyzyjnie wyróżnić trasy transportu publicznego.

Informacje o transporcie publicznym są dostępne tylko w wybranych lokalizacjach. Aby zobaczyć listę miast, w których obecnie dostępne są informacje o transporcie publicznym, sprawdź tę listę.

Jeśli reprezentujesz agencję publiczną, która nadzoruje transport publiczny w Twoim mieście, i chcesz, by Twoje dane zostały uwzględnione, odwiedź program dla partnerów Transportu publicznego, aby dowiedzieć się więcej.

Przykład poniżej pokazuje warstwę transportu publicznego włączoną 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;

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

Fragment

Warstwa rowerowa

Interfejs Maps JavaScript API umożliwia dodanie informacji o rowerze do map za pomocą obiektu BicyclingLayer. BicyclingLayer renderuje warstwę ścieżek rowerowych, sugerowane trasy rowerowe i inne nakładki rowerowe związane z wykorzystaniem rowerów na górze mapy. Dodatkowo warstwa zmienia styl samej mapy podstawowej, aby wyróżnić ulice obsługujące trasy rowerowe i usuwać ulice nieodpowiednie dla rowerów.

Przykład poniżej pokazuje warstwę Rowery włączoną na mapie Mistrzów Śląskich:

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;

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

Fragment

Ciemnozielone trasy wskazują osobne trasy rowerowe. Jasnozielony trasy oznaczają ulice z specjalnymi „pasami dla rowerów”. Linia przerywana wskazuje ulice lub ścieżki, które w inny sposób są zalecane do jazdy rowerem.