Anda sudah siap!

Untuk mulai mengembangkan, masuklah ke dokumentasi developer kami.

Aktifkan Google Maps JavaScript API

Untuk membantu Anda memulai, kami akan memandu Anda melalui Google Developers Console untuk melakukan beberapa hal terlebih dahulu:

  1. Buat atau pilih sebuah proyek
  2. Aktifkan Google Maps JavaScript API dan layanan terkait
  3. Buat kunci yang sesuai
Lanjutkan

Layer Lalu Lintas, Angkutan Umum, dan Bersepeda

Layer Lalu Lintas, Angkutan Umum dan Bersepeda memodifikasi layer peta dasar untuk menampilkan kondisi lalu lintas saat ini, atau Angkutan Umum setempat dan informasi rute Bersepeda. Layer ini tersedia dalam region tertentu.

  1. Layer Lalu Lintas
  2. Layer Angkutan Umum
  3. Layer Bersepeda

Layer Lalu Lintas

Google Maps JavaScript API memungkinkan Anda menambahkan informasi lalu lintas real-time (bila didukung) ke peta Anda menggunakan objek TrafficLayer. Informasi lalu lintas disediakan untuk saat permintaan dibuat.

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 13,
    center: {lat: 34.04924594193164, lng: -118.24104309082031}
  });

  var trafficLayer = new google.maps.TrafficLayer();
  trafficLayer.setMap(map);
}
<div id="map"></div>
/* Always set the map height explicitly to define the size of the div
 * element that contains the map. */
#map {
  height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
 <!-- Replace the value of the key parameter with your own API key. -->
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&callback=initMap">
</script>
function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 13,
    center: {lat: 34.04924594193164, lng: -118.24104309082031}
  });

  var trafficLayer = new google.maps.TrafficLayer();
  trafficLayer.setMap(map);
}

Tampilkan contoh Lalu Lintas

Layer Angkutan Umum

Google Maps JavaScript API Memungkinkan Anda menampilkan jaringan angkutan umum sebuah kota di peta Anda menggunakan objek TransitLayer. Bila Transit Layer diaktifkan, dan peta diposisikan di tengah kota yang mendukung informasi angkutan umum, peta akan menampilkan jalur angkutan umum utama sebagai garis tebal yang berwarna. Warna garis disetel berdasarkan informasi dari operator jalur angkutan umum. Mengaktifkan Transit Layer akan mengubah gaya peta dasar menjadi lebih menekankan rute angkutan umum.

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

Jika Anda seorang pegawai pemerintah yang mengawasi angkutan umum untuk kota Anda dan ingin agar data Anda dimasukkan, kunjungi situs Google Transit Partner Program untuk mengetahui selengkapnya.

Contoh berikut menampilkan Transit Layer yang diaktifkan pada peta London, Inggris:

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 13,
    center: {lat: 51.501904, lng: -0.115871}
  });

  var transitLayer = new google.maps.TransitLayer();
  transitLayer.setMap(map);
}
<div id="map"></div>
/* Always set the map height explicitly to define the size of the div
 * element that contains the map. */
#map {
  height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
 <!-- Replace the value of the key parameter with your own API key. -->
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&callback=initMap">
</script>
function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 13,
    center: {lat: 51.501904, lng: -0.115871}
  });

  var transitLayer = new google.maps.TransitLayer();
  transitLayer.setMap(map);
}

Tampilkan contoh Angkutan Umum

Layer Bersepeda

Google Maps JavaScript API Memungkinkan Anda menambahkan informasi sepeda ke peta dengan menggunakan objek BicyclingLayer. BicyclingLayer merender layer jalur sepeda, rute bersepeda yang disarankan dan overlay khusus lainnya untuk penggunaan sepeda di atas peta yang diberikan. Selain itu, layer mengubah gaya peta dasar itu sendiri untuk menekankan jalan yang mendukung rute sepeda dan mengurangi penekanan pada jalan yang tidak cocok untuk sepeda.

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

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 14,
    center: {lat: 42.3726399, lng: -71.1096528}
  });

  var bikeLayer = new google.maps.BicyclingLayer();
  bikeLayer.setMap(map);
}
<div id="map"></div>
/* Always set the map height explicitly to define the size of the div
 * element that contains the map. */
#map {
  height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
 <!-- Replace the value of the key parameter with your own API key. -->
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&callback=initMap">
</script>
function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 14,
    center: {lat: 42.3726399, lng: -71.1096528}
  });

  var bikeLayer = new google.maps.BicyclingLayer();
  bikeLayer.setMap(map);
}

Tampilkan contoh Bersepeda

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

Kirim masukan tentang...

Google Maps JavaScript API
Google Maps JavaScript API
Butuh bantuan? Kunjungi halaman dukungan kami.