Warstwy natężenia ruchu, transportu publicznego i rowerowe

Warstwy Ruch, Transport publiczny i Rower modyfikują warstwę mapy podstawowej, aby wyświetlać aktualne informacje o natężeniu ruchu, lokalnych sieciach transportu publicznego lub informacje o trasie rowerowej. Te warstwy są dostępne w wybranych regionach.

Warstwa natężenia ruchu

Interfejs Maps JavaScript API pozwala dodawać do map informacje o natężeniu ruchu w czasie rzeczywistym (jeśli są obsługiwane) przy użyciu 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 dadzą 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

Wypróbuj fragment

Warstwa transportu publicznego

Interfejs Maps JavaScript API umożliwia wyświetlanie sieci transportu publicznego w danym mieście na mapie za pomocą obiektu TransitLayer. Gdy warstwa transportu publicznego jest włączona, a na mapie znajduje się miasto, w którym dostępne są informacje o transporcie publicznym, główne linie transportu publicznego są wyświetlane 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 lepiej uwypuklić trasy transportu publicznego.

Jeśli reprezentujesz instytucję publiczną, która nadzoruje transport publiczny w swoim mieście i chcesz, aby zostały do niej uwzględnione Twoje dane, odwiedź stronę programu partnerskiego Transport publiczny Google, aby dowiedzieć się więcej.

Poniższy przykład przedstawia warstwę Transport publiczny 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

Wypróbuj fragment

Warstwa rowerowa

Interfejs Maps JavaScript API umożliwia dodawanie do map informacji o rowerach za pomocą obiektu BicyclingLayer. Element BicyclingLayer renderuje na górze danej mapy warstwę ścieżek rowerowych, sugerowanych tras rowerowych i inne nakładki związane z rowerami. Dodatkowo warstwa zmienia styl samej mapy podstawowej, aby wyróżnić ulice obsługujące trasy rowerowe i zmniejszyć widoczność ulic nieodpowiednich dla rowerzystów.

Ten przykład pokazuje, że warstwa Rower jest włączona na mapie Cambridge w stanie Massachusetts:

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

Wypróbuj fragment

Ciemnozielone trasy oznaczały wyznaczone trasy rowerowe. Trasy jasnozielone to ulice z wydzielonymi „pasami dla rowerów”. Trasy przerywane to ulice lub ścieżki, które w innym wypadku są zalecane dla rowerzystów.