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 anında yenilenmez. Aynı alan için ardışık ardışık isteklerin farklı sonuçlar vermesi pek 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 göster

Ö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ülemenizi sağlar. Toplu Taşıma Katmanı etkinleştirildiğinde ve harita, toplu taşıma bilgilerini destekleyen bir şehirde ortalandığında büyük toplu taşıma hatlarını kalın ve renkli çizgiler olarak görüntüler. Çizginin rengi, toplu taşıma hattı operatöründen alınan bilgilere göre ayarlanır. 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 kuruluşuysanız ve verilerinizin dahil edilmesini istiyorsanız daha fazla bilgi edinmek için lütfen Google Transit İş Ortağı Programı sitesini ziyaret edin.

Aşağıdaki örnekte, Londra, Birleşik Krallık haritasında etkinleştirilen Transit 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 göster

Örneği Deneyin

Bisiklet Katmanı

Maps JavaScript API, BicyclingLayer nesnesini kullanarak haritalarınıza bisiklet bilgileri eklemenize olanak tanır. BicyclingLayer, bisiklet yolu, önerilen bisiklet rotaları ve bisiklet kullanımına özel diğer bindirme katmanlarını ilgili haritanın üst kısmında oluşturur. Ayrıca katman, bisiklet rotalarını destekleyen sokakları vurgulamak ve bisikletler için uygun olmayan sokakların vurgularını kaldırmak için temel haritanın stilini de değiştirir.

Aşağıdaki örnekte, Cambridge, MA'nın 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 göster

Örneği Deneyin

Koyu yeşil rotalar özel bisiklet rotalarını gösteriyor. Açık yeşil rotalar, özel "bisiklet şeritleri" bulunan sokakları gösterir. Kısa çizgili yollar, bisiklet kullanımı için önerilen sokakları veya yolları gösterir.