Lapisan Lalu Lintas, Transportasi Umum, dan Bersepeda

Tetap teratur dengan koleksi Simpan dan kategorikan konten berdasarkan preferensi Anda.

Lapisan Lalu Lintas, Transit, dan Bersepeda memodifikasi lapisan peta dasar untuk menampilkan kondisi lalu lintas, jaringan transit lokal, 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 berurutan 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

Coba Sampel

Layer Angkutan Umum

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

Informasi angkutan umum hanya tersedia di lokasi tertentu. Untuk melihat daftar kota tempat informasi transportasi umum saat ini tersedia, lihat daftar ini.

Jika Anda adalah perusahaan publik 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 Layer Angkutan Umum yang diaktifkan pada peta London, Inggris:

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

Coba Sampel

Layer 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 yang diberikan. Selain itu, lapisan ini mengubah gaya peta dasar itu sendiri untuk menekankan jalan yang mendukung rute sepeda dan tidak menekankan jalan yang tidak sesuai untuk sepeda.

Contoh berikut menunjukkan 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

Coba Sampel

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.