Hubungkan Google Maps ke aplikasi MonstarX Anda
SingkatnyaAplikasi Anda sudah bisa menampilkan peta secara gratis. Hubungkan Google Maps jika Anda menginginkan data Google — mencari tempat, melengkapi alamat saat orang mengetik, detail dan ulasan bisnis, atau petunjuk arah. Buat kunci API di Google Cloud, tempel di Backend → Cloud, lalu minta fiturnya.
Peta, pencarian tempat, dan petunjuk arah dari Google.
- Jenis
- Untuk aplikasi Anda
- Kategori
- Peta dan lokasi
- Hubungkan dengan
- Kunci API
Google Maps Platform adalah layanan data peta dari Google: tempat, alamat, jam buka, ulasan, dan rute di balik Google Maps. Setelah terhubung, aplikasi Anda dapat mencari informasi di data tersebut.
Anda tidak memerlukannya hanya untuk menampilkan peta. Setiap aplikasi MonstarX dapat menampilkan peta jalan yang bisa digeser dan diperbesar, lengkap dengan pin, secara gratis — lihat Peta di aplikasi Anda. Google Maps dipakai untuk hal-hal yang tidak bisa diketahui peta tersebut dengan sendirinya.
Apa yang bisa Anda bangun dengan Google Maps?
Section titled “Apa yang bisa Anda bangun dengan Google Maps?”- Pelengkapan otomatis alamat: orang mulai mengetik alamat lalu memilihnya dari saran Google.
- Pencarian tempat: “kafe di dekat saya”, “fisioterapis di Fitzroy”, ditampilkan sebagai daftar dan di peta.
- Detail bisnis: jam buka, nomor telepon, rating, dan ulasan sebuah tempat.
- Alamat di peta: mengubah alamat yang diketik menjadi pin (disebut geocoding).
- Petunjuk arah berkendara di antara dua tempat.
Sebelum memulai
Section titled “Sebelum memulai”- Akun Google Cloud dengan akun penagihan yang terhubung. Google Maps Platform mewajibkannya, bahkan selama pemakaian masih dalam kuota gratis bulanan (lihat harga Google).
- Proyek Google Cloud untuk aplikasi Anda.
Dapatkan kunci Anda
Section titled “Dapatkan kunci Anda”-
Di Google Cloud console, pilih atau buat proyek, lalu buka Google Maps Platform.
-
Aktifkan API yang akan dipakai aplikasi Anda. Untuk ide-ide di atas: Maps JavaScript API dan Places API (New) untuk pencarian dan pelengkapan otomatis, Geocoding API untuk alamat, serta Routes API untuk petunjuk arah.
-
Buka Keys & Credentials dan buat kunci API. Salin kuncinya (diawali
AIza). -
Batasi kunci tersebut. Di API restrictions, izinkan hanya API yang sudah Anda aktifkan.
Hubungkan di MonstarX
Section titled “Hubungkan di MonstarX”-
Buka proyek Anda, klik Backend di bilah atas, lalu Cloud.
-
Di bagian Konektor, klik Hubungkan di samping Google Maps.
-
Tempel kunci di Kunci API.
-
Klik Hubungkan Google Maps. Baris tersebut menampilkan Terhubung, dan pratinjau Anda dimulai ulang dengan kunci tersebut.
Minta MonstarX menggunakannya
Section titled “Minta MonstarX menggunakannya”| Anda mengetik | Yang terjadi |
|---|---|
| “Di formulir reservasi, lengkapi alamat secara otomatis dengan Google Maps.” | Saran muncul saat orang mengetik; alamat yang dipilih disimpan. |
| “Tambahkan halaman Cari studio terdekat dengan pencarian Google Places.” | Kotak pencarian dan hasil berisi nama, alamat, dan rating, ditandai pin di peta. |
| “Tampilkan jam buka dan rating setiap kafe dari Google.” | Detail bisnis setiap tempat yang diambil dari Google. |
| “Berikan petunjuk arah bagi pengemudi dari gudang ke setiap alamat pengiriman.” | Rute beserta jarak dan waktu tempuh. |
Keamanan dan privasi
Section titled “Keamanan dan privasi”- Kunci ini adalah kunci publik: dipakai di browser pengunjung, jadi tidak disembunyikan. Pembatasan di Google Cloud-lah yang melindunginya.
- Kunci hanya disimpan bersama aplikasi ini. Namanya terlihat di BackendRahasia.
- Hanya pemilik proyek yang dapat menghubungkan, memperbarui, atau memutuskan koneksi Google Maps.
- Untuk mengganti kunci, buat kunci baru di Google Cloud, klik Perbarui kunci di baris Google Maps, tempel kunci tersebut, lalu klik Simpan kunci. Terbitkan ulang aplikasi, lalu hapus kunci lama.
Perlu diketahui
Section titled “Perlu diketahui”- Tampilan peta Anda tidak berubah: Google Maps menambahkan data dan pencarian ke aplikasi Anda, bukan tile peta Google.
- Google mengenakan biaya per permintaan di atas kuota gratis bulanannya. Pasang peringatan anggaran di penagihan Google Cloud.
- Ingin tampilan satelit atau gaya peta Mapbox? Lihat Mapbox.
- Ketentuan Google punya aturan untuk menampilkan data tempatnya, misalnya mencantumkan kredit Google di samping hasil. Minta MonstarX menambahkan kredit itu jika aplikasi Anda menampilkan daftar tempat.
Pertanyaan umum
Section titled “Pertanyaan umum”Apakah saya perlu Google Maps untuk menampilkan peta?
Tidak. Setiap aplikasi MonstarX dapat menampilkan peta secara gratis tanpa kunci. Hubungkan Google Maps hanya untuk tempat, pelengkapan otomatis, detail bisnis, atau petunjuk arah.
Mengapa Google menyatakan API belum diaktifkan?
Setiap layanan Google Maps harus diaktifkan di proyek Google Cloud Anda. Aktifkan layanan yang disebut di pesan kesalahan, misalnya Places API (New).
Apakah aman jika kunci ada di browser?
Aman, asalkan kunci dibatasi ke API yang dipakai aplikasi Anda. Google merancang kunci ini untuk dipakai di halaman web.
Google Maps atau Mapbox?
Google Maps untuk tempat, detail bisnis, dan ulasan. Mapbox untuk gaya peta kustom dan tampilan satelit. Keduanya dapat mengubah alamat menjadi pin dan memberikan petunjuk arah.