Trafik, Toplu Taşıma ve Bisiklet Katmanları

Trafik, Toplu Taşıma ve Bisiklet katmanları; temel harita katmanını, geçerli trafik koşullarını, yerel toplu taşıma ağlarını veya bisiklet rotası bilgilerini gösterecek şekilde değiştirir. Bu katmanlar belirli bölgelerde kullanılabilir.

Trafik Katmanı

Maps JavaScript API, TrafficLayer nesnesini kullanarak haritalarınıza gerçek zamanlı trafik bilgileri (destekleniyorsa) eklemenize olanak tanır. Trafik bilgileri sık sık yenilenir ancak hemen yenilenmez. Aynı alan için yapılan hızlı ardışık isteklerin farklı sonuçlar vermesi olası değildir.

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;
Örneği inceleyin

Örneği Deneyin

Toplu Taşıma Katmanı

Maps JavaScript API, TransitLayer nesnesini kullanarak bir şehrin toplu taşıma ağını haritanızda görüntülemenize olanak tanır. Toplu Taşıma Katmanı etkinleştirildiğinde ve harita, toplu taşıma bilgilerinin desteklendiği bir şehrin ortasında olduğunda, başlıca toplu taşıma hatları kalın ve renkli çizgiler şeklinde görüntülenir. Çizginin rengi, toplu taşıma hattı operatöründen alınan bilgilere göre belirlenir. Toplu Taşıma Katmanı'nın etkinleştirilmesi, toplu taşıma rotalarını daha iyi vurgulamak için temel haritanın stilini değiştirir.

Şehrinizde toplu taşımayı yöneten bir kamu acentesiyseniz ve verilerinizin eklenmesini istiyorsanız lütfen daha fazla bilgi edinmek için Google Transit Ortak Programı sitesini ziyaret edin.

Aşağıdaki örnekte, Birleşik Krallık'ın Londra haritasında etkinleştirilen Toplu Taşıma katmanı gösterilmektedir:

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;
Örneği inceleyin

Örneği Deneyin

Bisiklet Katmanı

Maps JavaScript API, BicyclingLayer nesnesini kullanarak haritalarınıza bisiklet bilgileri eklemenize olanak tanır. BicyclingLayer, haritanın üzerinde bisiklet yolları, önerilen bisiklet rotaları ve bisiklet kullanımına özel diğer bindirmelerden oluşan bir katman oluşturur. Ayrıca bu katman, bisiklet rotalarını destekleyen sokaklar ve bisikletler için uygun olmayan sokakların vurgusunu vurgulamak için temel haritanın stilini değiştirir.

Aşağıdaki örnekte, Cambridge, MA haritasında etkinleştirilen Bisiklet katmanı gösterilmektedir:

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;
Örneği inceleyin

Örneği Deneyin

Koyu yeşil rotalar özel bisiklet rotalarını gösteriyordu. Açık yeşil rotalar, özel "bisiklet yolları" bulunan sokakları gösterir. Kesikli rotalar, bisiklet kullanımı için aksi takdirde önerilen sokakları veya yolları gösterir.