Panduan memulai Maps Embed API

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

Tempatkan peta interaktif, atau panorama Street View di halaman web Anda dengan permintaan HTTP sederhana—tanpa perlu JavaScript.

Biaya

Semua permintaan Maps Embed API tersedia tanpa biaya dengan penggunaan tanpa batas. Namun, semua permintaan masih memerlukan kunci Google Cloud API yang valid. Untuk informasi selengkapnya, lihat Penggunaan dan Penagihan.

Sebelum memulai

Untuk membuat peta sematan di halaman web Anda, selesaikan langkah-langkah penyiapan yang diperlukan dengan mengklik tab berikut:

Langkah 1

Konsol

  1. Di Google Cloud Console, pada halaman pemilih project, klik Buat Project untuk mulai membuat project Cloud baru.

    Buka halaman pemilih project

  2. Pastikan penagihan diaktifkan untuk project Cloud Anda. Konfirmasikan bahwa penagihan diaktifkan untuk project Anda.

    Google Cloud menawarkan uji coba tanpa biaya. Masa uji coba berakhir setelah 90 hari atau setelah akumulasi tagihan akun mencapai $300, mana saja yang lebih dulu. Batalkan kapan saja. Google Maps Platform memberikan kredit bulanan berulang sebesar $200. Untuk informasi selengkapnya, lihat Kredit akun penagihan dan Penagihan.

Cloud SDK

gcloud projects create "PROJECT"

Baca selengkapnya tentang Google Cloud SDK , Penginstalan Cloud SDK , dan perintah berikut:

Langkah 2

Untuk menggunakan Google Maps Platform, Anda harus mengaktifkan API atau SDK yang akan digunakan dengan project.

Konsol

Mengaktifkan Maps Embed API

Cloud SDK

gcloud services enable \
    --project "PROJECT" \
    "maps-embed-backend.googleapis.com"

Baca selengkapnya tentang Google Cloud SDK , Penginstalan Cloud SDK , dan perintah berikut:

Langkah 3

Langkah ini hanya ada di proses pembuatan Kunci API. Jika Anda menggunakan Kunci API dalam produksi, kami sangat menyarankan agar Anda membatasi kunci API. Anda dapat menemukan informasi selengkapnya di halaman Menggunakan Kunci API khusus produk.

Kunci API adalah ID unik yang mengautentikasi permintaan terkait project untuk tujuan penggunaan dan penagihan. Anda harus memiliki setidaknya satu kunci API terkait project.

Untuk membuat kunci API:

Konsol

  1. Buka halaman Google Maps Platform > Credentials.

    Buka halaman Credentials

  2. Pada halaman Credentials, klik Create credentials > API key.
    Dialog API key created akan menampilkan kunci API yang baru dibuat.
  3. Klik Close.
    Kunci API baru dicantumkan pada halaman Credentials di bawah API keys.
    (Jangan lupa untuk membatasi kunci API sebelum menggunakannya dalam produksi.)

Cloud SDK

gcloud alpha services api-keys create \
    --project "PROJECT" \
    --display-name "DISPLAY_NAME"

Baca selengkapnya tentang Google Cloud SDK , Penginstalan Cloud SDK , dan perintah berikut:

Membuat iframe

Klik opsi berikut dan tambahkan lokasi dan kunci API untuk membuat iframe untuk halaman Anda. Untuk parameter dan opsi tambahan, lihat Menyematkan peta.

Menguji iframe Anda

Untuk melihat iframe di jendela browser HTML:

  1. Buka editor teks default Anda. Anda harus menginstal editor teks seperti TextEdit atau Microsoft Windows Notepad di perangkat secara default.
  2. Buat file HTML dan beri nama index.html.
  3. Tambahkan kode berikut dengan iframe yang Anda buat di atas:

    <html>
      <!-- Replace this code comment with your iframe. -->
    </html>
    
  4. Simpan file HTML index.html Anda.

  5. Muat file HTML di browser web dengan menariknya dari desktop Anda ke browser; atau, mengklik dua kali file akan berfungsi di sebagian besar sistem operasi.

Selamat! Anda baru saja menyiapkan dan membuat peta menggunakan Maps Embed API.

Membersihkan

Anda dapat menghapus project Google Cloud guna menghentikan penagihan untuk semua resource yang digunakan dalam project tersebut.

  1. Di Google Cloud Console, buka halaman Mengelola resource:

    Buka halaman Kelola resource

  2. Jika project yang ingin Anda hapus dilampirkan ke organisasi, pilih dan luaskan daftar organisasi di bagian atas halaman.
  3. Dalam daftar project, pilih project yang ingin Anda hapus, lalu klik Delete.
  4. Pada dialog, ketik ID project, lalu klik Matikan untuk menghapus project.

Langkah berikutnya