Trafik, Toplu Taşıma ve Bisiklet Katmanları

Trafik, Toplu Taşıma ve Bisiklet katmanları, temel harita katmanını mevcut 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 birbirini izleyen hızlı 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;
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
Örneği görüntüleyin

Ö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 bilgilerini destekleyen bir şehrin merkezinde olduğunda, haritada ana toplu taşıma hatları kalın, renkli çizgilerle görüntülenir. Çizginin rengi, toplu taşıma hattı operatöründen alınan bilgilere göre ayarlanır. Toplu Taşıma Katmanı etkinleştirildiğinde, toplu taşıma rotalarının daha iyi vurgulanması için temel haritanın stili değişir.

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

Aşağıdaki örnekte Birleşik Krallık'taki 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;
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
Örneği görüntüleyin

Örneği Deneyin

Bisiklet Katmanı

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

Aşağıdaki örnekte, Cambridge, MA'ya ait bir haritada 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;
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
Örneği görüntüleyin

Ö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. Kesikli rotalar, bisiklet kullanımı için önerilen sokak veya yolları gösterir.