Trafik, Toplu Taşıma ve Bisiklet Katmanları

Trafik, Toplu Taşıma ve Bisiklet katmanları, görünümlerini göstermek üzere temel harita katmanını değiştirir. mevcut trafik koşulları, yerel toplu taşıma ağları veya bisiklet rotası bilgileri gösterilir. Bu katmanlar belirli bölgelerde kullanılabilir.

Trafik Katmanı

Maps JavaScript API, gerçek zamanlı trafik eklemenize olanak sağlar TrafficLayer kullanarak haritalarınıza bilgi (destekleniyorsa) nesnesini tanımlayın. Trafik bilgileri sık sık yenilenir ancak hemen yenilenmez. Hızlı aynı alan için art arda gelen isteklerin farklı sonuç verme olasılığı düşüktür sonuç.

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 inceleyin

Örneği Deneyin

Toplu Taşıma Katmanı

Maps JavaScript API bir şehrin toplu taşıma ağını görüntülemenize olanak tanır haritanızda TransitLayer nesnesini tanımlayın. Toplu Taşıma Katmanı etkinleştirildiğinde ve harita bir şehri merkeze aldığında toplu taşıma bilgilerini destekleyen bir toplu taşıma hattı için, haritada ana toplu taşıma hatları kalın, renkli çizgiler. Çizginin rengi, toplu taşıma hattı operatörüne göre belirlenir. Toplu Taşıma Katmanı'nı etkinleştirmek toplu taşıma rotalarını daha iyi vurgulamak için temel haritaya ekleyin.

Şehrinizde toplu taşımayı denetleyen bir kamu acentesiyseniz ve dahil edilmesini istiyorsanız lütfen Google Transit İş Ortağı 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;
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 inceleyin

Örneği Deneyin

Bisiklet Katmanı

Maps JavaScript API, haritalarınıza bisiklet bilgileri eklemek için BicyclingLayer nesnesini tanımlayın. BicyclingLayer, bisiklet katmanı oluşturur önerilen bisiklet rotaları ve bisiklet kullanımına özel diğer yer paylaşımları, üst kısmına gidin. Ayrıca, katman temel haritanın stilini de değiştirir bisiklet rotalarını destekleyen sokakları vurgulamak ve sokakların etkisini azaltmak için kendisinin bisikletler için uygunsuz.

Aşağıdaki örnekte, haritada etkinleştirilen Bisiklet katmanı gösterilmektedir Cambridge, Massachusetts, ABD:

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 inceleyin

Örneği Deneyin

Koyu yeşil rotalar özel bisiklet rotalarını gösteriyordu. Açık yeşil rotalar sokakları belirtmek için "bisiklet yolları" bulunuyor. Kesik çizgili rotalar sokakları veya aksi takdirde bisiklet kullanımı için önerilen bir yol bulunur.