Trafik, Toplu Taşıma ve Bisiklet Katmanları

Trafik, Toplu Taşıma ve Bisiklet katmanları, mevcut trafik koşullarını, yerel toplu taşıma ağlarını veya bisiklet rota bilgilerini görüntülemek için ana harita katmanını değiştirir. Bu katmanlar belirli bölgelerde kullanılabilir.

Trafik Katmanı

Maps JavaScript API, TrafficLayernesnesi aracılığıyla haritalara gerçek zamanlı trafik bilgileri (desteklendiği yerlerde) eklemenize olanak tanır. Trafik bilgileri sık sık yenilenir ancak anlık olarak yenilenmez. Aynı bölge için art arda hızlıca gönderilen isteklerin farklı sonuçlar vermesi olası değildir.

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

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

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 bilgilerini destekleyen bir şehrin ortasına yerleştirildiğinde, ana toplu taşıma hatları kalın ve renkli çizgilerle gösterilir. Hatların rengi, toplu taşıma hattı operatöründen alınan bilgilere göre belirlenir. Toplu Taşıma Katmanı etkinleştirildiğinde, toplu taşıma rotaları daha belirgin hale gelecek şekilde temel haritanın stili değiştirilir.

Şehrinizde toplu taşımayı denetleyen bir kamu kuruluşuysanız ve verilerinizin dahil edilmesini istiyorsanız daha fazla bilgi edinmek için lütfen Google Toplu Taşıma İş Ortağı Programı sitesini ziyaret edin.

Aşağıdaki örnekte, Birleşik Krallık'taki Londra haritasında toplu taşıma katmanının etkinleştirildiği gösterilmektedir:

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

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

Bisiklet Katmanı

Maps JavaScript API, BicyclingLayer nesnesini kullanarak haritalara bisiklet bilgileri eklemenize olanak tanır. BicyclingLayer, belirli bir haritanın üzerine bisiklet yolları, önerilen bisiklet rotaları ve bisiklet kullanımına özgü diğer yer paylaşımlarını içeren bir katman oluşturur. Ayrıca katman, bisiklet rotalarını destekleyen sokakları vurgulamak ve bisikletler için uygun olmayan sokakları vurgulamamak amacıyla temel haritanın stilini değiştirir.

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

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

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

Koyu yeşil rotalar, bisikletlere özel rotaları gösterir. Açık yeşil rotalar, özel "bisiklet şeritlerine" sahip sokakları gösterir. Kesikli rotalar, bisiklet kullanımı için önerilen diğer sokakları veya yolları gösterir.