Maps Demo Key adalah fitur tanpa biaya yang memungkinkan Anda mulai membuat prototipe dengan Maps JavaScript API tanpa memasukkan informasi penagihan informasi. Validasi dan lihat ide Anda dalam tindakan sebelum berkomitmen ke akun berbayar. Halaman ini menjelaskan cara kerja Maps Demo Key, kuota, fitur yang dapat Anda gunakan, serta cara mendapatkan dan menggunakan kunci Anda.
Catatan:Maps Demo Key secara teknis adalah kunci API yang mendukung serangkaian fitur terbatas. Fitur ini hanya ditujukan untuk tujuan pengujian dan pembuatan prototipe, dan tidak dirancang untuk penggunaan produksi. Fitur ini juga tunduk pada Persyaratan Layanan Project Demo Maps.
Fitur mana yang dapat saya gunakan dengan Maps Demo Key?
Maps Demo Key mendukung serangkaian fitur terbatas dari Maps JavaScript API, Weather API, dan Maps Grounding Lite. Untuk menggunakan API atau fitur apa pun yang tidak tercantum di bawah, Anda harus menambahkan akun penagihan ke Maps Demo Key atau membuat kunci API baru dan mengaktifkan penagihan. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan Maps JavaScript API .
Fitur Maps JavaScript API yang didukung
✔ Fitur yang didukung
- Pemuatan Rendering Peta Memuat peta 2D/3D dengan tampilan satelit dan medan.
- Penanda & Peristiwa Menambahkan penanda, jendela info, dan menangani klik pengguna.
- Gaya Visual Peta Menerapkan tema kustom dan gaya JSON ke peta Anda.
- Kit UI Tempat Komponen bawaan untuk penelusuran dan detail tempat.
- Alat Gambar Menggambar bentuk dan polyline untuk memvisualisasikan data.
✘ Fitur yang tidak didukung
- Places API (Baru) Metode penelusuran terprogram seperti searchByText.
- Rute & Navigasi Layanan rute dan Distance Matrix API.
- Address Validation Layanan koreksi alamat dengan akurasi tinggi.
Selain fitur yang tercantum di atas, Anda juga dapat menggunakan Maps Demo Key dengan Weather API dan Maps Grounding Lite. Untuk mengetahui informasi selengkapnya, lihat Mendapatkan Maps Demo Key dan menggunakannya dengan Weather API.
Kuota Maps Demo Key
Maps Demo Key tunduk pada batas penggunaan, yang dapat berubah sewaktu-waktu. Jika Anda mencapai batas harian, penggunaan Anda akan dijeda hingga hari berikutnya tanpa risiko dikenai biaya.
Cara menggunakan Maps Demo Key
Langkah 1: Dapatkan Maps Demo Key Anda
Untuk membuat kunci, pastikan Anda login dengan Akun Google Anda dan klik tombol Dapatkan Kunci Demo. Setelah menyetujui persyaratan Maps Demo Key, kunci Anda akan ditampilkan dan siap digunakan segera.
Anda juga akan menerima email yang berisi petunjuk cara mengambil kunci Anda dari konsol Google Cloud.
Langkah 2: Gunakan Maps Demo Key Anda dengan Maps JavaScript API
Maps Demo Key secara teknis adalah kunci API yang mendukung serangkaian fitur terbatas. Anda
dapat menggunakan Maps Demo Key sebagai pengganti kunci API standar di salah satu
fitur Maps JavaScript API yang didukung atau Weather API.
Contoh berikut menunjukkan cara menggunakan Maps Demo Key dengan peta dasar.
Ganti YOUR_DEMO_KEY dengan kunci yang baru saja Anda ambil.
<html> <head> <title>Add a Map using HTML</title> <link rel="stylesheet" href="./style.css" /> <script type="module" src="./index.js"></script> </head> <body> <gmp-map center="38.7946,-106.5348" zoom="4" map-id="DEMO_MAP_ID" style="height: 400px" > </gmp-map> <!-- The `defer` attribute causes the script to execute after the full HTML document has been parsed. --> <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_DEMO_KEY&libraries=maps" defer ></script> </body> </html>
Langkah berikutnya
- Jelajahi: Lihat dokumentasi dan coba lebih banyak fitur yang didukung oleh Maps Demo Key: Maps Grounding Lite, Menambahkan Peta Google ke Halaman Web, Peta 3D, Penanda, Peristiwa, Kit UI Tempat untuk JavaScript, Menggambar di Peta, dan Weather API.
- Ambil: Anda dapat mengambil kunci yang ada melalui Konsol Google Cloud.
- Upgrade: Jika Anda siap memindahkan kode ke lingkungan produksi, Anda dapat menambahkan akun penagihan ke Maps Demo Key atau membuat kunci API baru dan mengaktifkan penagihan. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan Maps JavaScript API .