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

Konsep

Mengembangkan untuk Perangkat Seluler

Google Maps JavaScript API telah didesain untuk dimuat dengan cepat dan bekerja dengan baik pada perangkat seluler. Secara khusus, kami berfokus pada development perangkat seluler canggih seperti handset Android dan iOS. Perangkat seluler memiliki ukuran layar lebih kecil daripada browser desktop umumnya. Juga, sering kali memberikan perlakuan khusus tertentu untuk perangkat tersebut (seperti "pinch-to-zoom"). Jika ingin aplikasi Anda bekerja dengan baik pada perangkat seluler, kami menyarankan hal berikut:

  • Setel <div> yang berisi peta Anda untuk memiliki atribut lebar dan tinggi 100%. Akan tetapi, ketahuilah bahwa beberapa browser desktop versi lama tidak menampilkan nilai-nilai ini dengan baik.
  • Anda bisa mendeteksi perangkat iPhone dan Android dengan memeriksa properti navigator.userAgent dalam DOM:
    function detectBrowser() {
      var useragent = navigator.userAgent;
      var mapdiv = document.getElementById("map");
    
      if (useragent.indexOf('iPhone') != -1 || useragent.indexOf('Android') != -1 ) {
        mapdiv.style.width = '100%';
        mapdiv.style.height = '100%';
      } else {
        mapdiv.style.width = '600px';
        mapdiv.style.height = '800px';
      }
    }
    

    Hal ini memungkinkan Anda mengubah layout untuk perangkat tertentu, seperti yang kami lakukan di sini dengan mengubah realestat layar untuk setiap perangkat.

  • Perangkat Android dan iOS menghormati tag <meta> berikut:

    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    

    Setelan ini menetapkan bahwa peta harus ditampilkan sepenuh layar dan tidak bisa diubah ukurannya oleh pengguna. Perhatikan, browser Safari iPhone mengharuskan tag <meta> disertakan dalam elemen <head> laman.

Untuk informasi selengkapnya tentang development untuk iPhone, lihat dokumentasi Developer Apple. Untuk informasi selengkapnya tentang development untuk perangkat Android, lihat dokumentasi Android.

Pelokalan

Anda bisa melokalkan aplikasi Google Maps JavaScript API dengan mengubah setelan bahasa default dan dengan menetapkan kode region, yang mengubah perilaku peta berdasarkan negara atau region yang diberikan. Baca tentang melokalkan peta.

Penetapan Versi

Tim Google Maps JavaScript API secara teratur memperbarui API dengan fitur baru, perbaikan bug, dan peningkatan kinerja. Anda bisa menunjukkan versi API yang dimuat dalam aplikasi dengan menetapkannya dalam parameter v permintaan bootstrap Google Maps JavaScript API. Baca selengkapnya tentang penetapan versi.

Kirim masukan tentang...

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