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 rotası bilgilerini göstermek için temel harita katmanını 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 (desteklenen yerlerde) eklemenize olanak tanır. Trafik bilgileri sık sık yenilenir ancak anında yenilenmez. Aynı alan için hızlı ve art arda gönderilen isteklerin farklı sonuçlar vermesi beklenmez.

TypeScript

async function init(): Promise<void> {
    const { TrafficLayer } = await google.maps.importLibrary('maps');

    const mapElement =
        document.querySelector<google.maps.MapElement>('gmp-map')!;
    const innerMap = mapElement.innerMap;

    const trafficLayer = new TrafficLayer();

    trafficLayer.setMap(innerMap);
}

void init();

JavaScript

async function init() {
    const { TrafficLayer } = await google.maps.importLibrary('maps');

    const mapElement = document.querySelector('gmp-map');
    const innerMap = mapElement.innerMap;

    const trafficLayer = new TrafficLayer();

    trafficLayer.setMap(innerMap);
}

void init();
Ö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 şehirde ortalandığında, haritada başlıca toplu taşıma hatları kalın ve renkli çizgiler olarak gösterilir. Ç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 güzergahlarını daha iyi vurgulamak için temel haritanın stilini değiştirir.

Şehrinizdeki toplu taşımayı denetleyen 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, Birleşik Krallık'taki Londra haritasında Toplu Taşıma katmanının etkinleştirildiği 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örüntüleyin

Bisiklet Katmanı

Maps JavaScript API, BicyclingLayer nesnesini kullanarak haritalarınıza bisiklet bilgileri eklemenize olanak tanır. BicyclingLayer, verilen haritanın üst kısmında bisiklet yolları, önerilen bisiklet rotaları ve bisiklet kullanımına özgü diğer yer paylaşımlarından oluşan bir katman oluşturur. Ayrıca katman, bisiklet rotalarını destekleyen sokakları vurgulamak ve bisiklet için uygun olmayan sokakları daha az vurgulamak 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:

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örüntüleyin

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