Lapisan Lalu Lintas, Transportasi Umum, dan Bersepeda

Lapisan Lalu Lintas, Transportasi Umum, dan Bersepeda memodifikasi lapisan peta dasar untuk menampilkan kondisi lalu lintas, jaringan transportasi umum setempat, atau informasi rute bersepeda saat ini. Lapisan ini tersedia di wilayah tertentu.

Lapisan Lalu Lintas

Maps JavaScript API memungkinkan Anda menambahkan informasi lalu lintas secara real-time (jika didukung) ke peta Anda menggunakan objek TrafficLayer. Informasi lalu lintas diperbarui secara berkala, namun tidak secara instan. Permintaan yang cepat dan berturut-turut untuk area yang sama cenderung tidak memberikan hasil yang berbeda.

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;
Lihat contoh

Mencoba Contoh

Lapisan Transportasi Umum

Maps JavaScript API memungkinkan Anda menampilkan jaringan transportasi umum kota pada peta menggunakan objek TransitLayer. Jika Lapisan Transportasi Umum diaktifkan, dan peta diposisikan di tengah kota yang mendukung informasi transportasi umum, peta akan menampilkan jalur transportasi umum utama sebagai garis tebal yang berwarna. Warna garis ditetapkan berdasarkan informasi dari operator jalur transportasi umum. Mengaktifkan Lapisan Transportasi Umum akan mengubah gaya peta dasar menjadi lebih menekankan rute transportasi umum.

Jika Anda bekerja di lembaga pemerintah yang mengawasi transportasi umum untuk kota Anda dan ingin data Anda disertakan, kunjungi situs Program Partner Google Transit untuk mempelajari lebih lanjut.

Contoh berikut menampilkan Lapisan Transportasi Umum yang diaktifkan pada peta London, Inggris Raya:

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;
Lihat contoh

Mencoba Contoh

Lapisan Bersepeda

Maps JavaScript API memungkinkan Anda menambahkan informasi sepeda ke peta menggunakan objek BicyclingLayer. BicyclingLayer merender lapisan jalur sepeda, rute sepeda yang disarankan, dan overlay lain yang khusus digunakan untuk bersepeda di atas peta tertentu. Selain itu, lapisan mengubah gaya peta dasar itu sendiri untuk memperjelas jalan yang mendukung rute sepeda dan mengurangi kejelasan pada jalan yang tidak cocok untuk sepeda.

Contoh berikut menampilkan lapisan Sepeda yang diaktifkan pada peta Cambridge, MA:

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;
Lihat contoh

Mencoba Contoh

Rute hijau tua menunjukkan rute khusus bersepeda. Rute hijau muda menunjukkan jalan dengan "jalur sepeda" khusus. Rute putus-putus menunjukkan jalan atau jalur yang direkomendasikan untuk penggunaan sepeda.