Ebenen für Verkehrslage, öffentliche Verkehrsmittel und Radfahrer

Mit den Ebenen für Verkehrslage, öffentliche Verkehrsmittel und Radfahrer wird die Ebene der Basiskarte so angepasst, dass die aktuelle Verkehrslage, das öffentliche Nahverkehrsnetz oder Fahrradrouteninformationen angezeigt werden können. Diese Ebenen sind in ausgewählten Regionen verfügbar.

Ebene für Verkehrslage

Mit der Maps JavaScript API können Sie mithilfe des TrafficLayer-Objekts Echtzeitdaten zur Verkehrslage in Ihre Karten einfügen (sofern unterstützt). Die Verkehrsinformationen werden häufig – aber nicht in Echtzeit – aktualisiert. Rasch aufeinanderfolgende Anfragen für denselben Bereich werden wahrscheinlich nicht zu unterschiedlichen Ergebnissen führen.

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
Beispiel ansehen

Testbeispiel

Ebene für öffentliche Verkehrsmittel

Mit der Maps JavaScript API können Sie mithilfe des Objekts TransitLayer das öffentliche Nahverkehrsnetz einer Stadt auf Ihrer Karte anzeigen lassen. Wenn die Ebene für öffentliche Verkehrsmittel aktiviert ist und die Karte auf eine Stadt zentriert ist, für die Informationen zu öffentlichen Verkehrsmitteln verfügbar sind, werden auf der Karte wichtige ÖPNV-Linien als breite, farbige Linien angezeigt. Die Farben der Linien richten sich nach den Informationen des jeweiligen Betreibers. Wenn Sie die Ebene für öffentliche Verkehrsmittel aktivieren, wird der Stil der Basiskarte so angepasst, dass Routen mit öffentlichen Verkehrsmitteln besser hervorgehoben werden.

Sie arbeiten für eine Behörde, die sich um den öffentlichen Nahverkehr Ihrer Stadt kümmert, und möchten, dass Ihre Daten einbezogen werden? Dann sehen Sie sich bitte die Informationen auf der Website des Google Transit-Partnerprogramms an.

Im folgenden Beispiel sehen Sie eine Karte von London mit aktivierter Ebene für öffentliche Verkehrsmittel:

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
Beispiel ansehen

Testbeispiel

Ebene für Radfahrer

Mit der Maps JavaScript API können Sie mithilfe des Objekts BicyclingLayer Informationen für Radfahrer in Ihre Karten einfügen. Mit BicyclingLayer wird auf der Karte eine Ebene mit Fahrradwegen, vorgeschlagenen Fahrradrouten und anderen Overlays speziell für Radfahrer gerendert. Außerdem wird durch die Ebene der Stil der Basiskarte selbst verändert. Straßen, die Fahrradrouten unterstützen, werden hervorgehoben und Straßen, die für Fahrräder ungeeignet sind, weniger stark dargestellt.

Im folgenden Beispiel sehen Sie eine Karte von Cambridge, Massachusetts, USA mit aktivierter Ebene für Radfahrer:

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
Beispiel ansehen

Testbeispiel

Dunkelgrüne Routen zeigen dedizierte Fahrradwege an. Hellgrüne Routen kennzeichnen Straßen mit ausgewiesenen Radwegen. Gestrichelte Routen sind Straßen oder Wege, die ebenfalls für Radfahrer empfohlen werden.