devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt
Audit Situs

Generator Embed Google Maps — Peta Responsif Tanpa API Key

Tampilkan kantor, toko, atau acaramu di Google Maps tanpa perlu mendaftar API key. Ketik alamat, nama tempat, atau koordinat, atur zoom, tampilan peta atau satelit, dan bahasa, lalu salin embed responsif yang dimuat secara lazy. Kamu juga mendapat tautan siap pakai “Dapatkan petunjuk arah” dan “Buka di Google Maps” untuk tombol.

Diperbarui

Koordinat juga bisa, misalnya 40.7484, -73.9857.

Pratinjau

Kode embed


    
Tautan untuk tombol

    
Di Webflow, tambahkan elemen Embed (atau Site settings → Custom code) lalu tempel kodenya. Di WordPress, gunakan blok Custom HTML.

  

  


    
 Data kamu tidak pernah meninggalkan komputer kamu. Semua proses berjalan 100% secara lokal di browser kamu.
Apakah alat ini membantu?0.0 0 penilaian

    
    
    Tempel link YouTubeVimeo, Loom, Wistia, Twitch, Dailymotion atau MP4 untuk kode embed video responsif dengan waktu mulai, autoplay, loop & mode privasi.Generator Kode Embed Video →
    
    

      
Cara menggunakan Generator Embed Google Maps
  1. Ketik alamat, nama bisnis, atau koordinat.
  2. Atur zoom (15 untuk jalan, 11 untuk kota), jenis peta, dan bahasa label.
  3. Pilih tinggi dan radius sudut; biarkan lazy loading aktif supaya peta tidak memperlambat halaman.
  4. Salin kode embed, serta tautan petunjuk arah atau “Buka di Maps” untuk tombol.


Tanpa perlu API key


Embed ini memakai URL embed publik Google Maps dengan pencarian, zoom, jenis peta, dan bahasa yang kamu pilih, jadi tetap berfungsi tanpa akun Google Cloud atau penagihan. Untuk gaya kustom, beberapa penanda, atau JavaScript API, kamu memang butuh key. Namun untuk peta “temukan kami”, ini sudah cukup.


Tautan yang membuka aplikasi Maps


Tautan petunjuk arah dan pencarian memakai URL resmi Google Maps (google.com/maps/dir/?api=1 dan /search/?api=1). Di ponsel, tautan ini membuka aplikasi Google Maps; di desktop, Maps lewat browser.


Peta dibuat responsif: lebarnya mengikuti container dan tingginya sesuai pilihanmu. loading="lazy" menunda pemuatan sampai pengunjung scroll mendekati peta, sehingga halaman tetap cepat. Terkait: Video Embed Code Generator, Schema Generator (tambahkan markup LocalBusiness dengan alamatmu).
Juga dicari sebagai: embed google maps, cara embed google maps, kode embed google maps, google maps iframe, embed peta tanpa api key, responsive google maps embed, link petunjuk arah google maps.
Tool yang cocok dipakai bersama Generator Embed Google Maps
  • Generator QR Code — Buat QR code untuk tautan, login Wi-Fi, kartu kontak, email, nomor telepon, atau SMS.
  • Generator Link Mailto — Buat link email yang membuka aplikasi email pengunjung dengan semua kolom sudah terisi: penerima, CC dan BCC, subjek, serta isi multi-baris.
  • HTML & CSS ke Webflow — Tempel HTML dan CSS-nya, klik Copy to Webflow, lalu tempel di Designer.
  • Uji Kecepatan Halaman — Jalankan Google Lighthouse pada URL apa pun untuk tampilan mobile atau desktop.
Pertanyaan yang sering diajukan
Bagaimana cara embed Google Maps tanpa API key?
Ketik alamatnya di sini lalu salin iframe-nya. Kode ini memakai URL embed publik Google yang tidak membutuhkan key. Tempel di elemen Embed di Webflow atau blok Custom HTML di WordPress.
Bagaimana cara membuat Google Maps responsif?
Berikan iframe width: 100% dan tinggi tetap (kode ini sudah melakukan keduanya). Dengan begitu peta akan mengisi container di setiap ukuran layar.
Bagaimana cara membuat tautan petunjuk arah di Google Maps?
Gunakan tautan petunjuk arah dari kotak “Tautan untuk tombol”. Tautan ini membuka Google Maps dengan alamatmu sebagai tujuan, baik di aplikasi ponsel maupun di situs web.
Bisakah menampilkan beberapa lokasi di satu peta?
Tidak dengan embed sederhana. Kamu perlu Maps JavaScript API dengan key, atau peta tersimpan dari My Maps yang punya kode embed sendiri.
Bisakah saya memasang Generator Embed Google Maps sebagai aplikasi web dan memakainya offline?
Bisa. Generator Embed Google Maps adalah aplikasi web (PWA) yang bisa dipasang. Pemasangannya lewat browser kamu, bukan diunduh dari toko aplikasi. Klik Pasang aplikasi di bagian atas halaman ini di Chrome atau Edge (Windows, macOS, Linux, ChromeOS) atau di Android. Di iPhone dan iPad, gunakan Bagikan → Tambahkan ke Layar Utama, dan di Safari 17+ pada Mac, gunakan File → Tambahkan ke Dock. Setelah itu, aplikasi akan terbuka di jendelanya sendiri dengan ikonnya sendiri. Karena berjalan sepenuhnya di browser kamu, aplikasi ini tetap bisa dipakai offline. Firefox di desktop tidak bisa memasang aplikasi web. Cara memasang aplikasi.

      
    

    
    
Tool terkait
localGenerator Kode Embed VideoTempel link video dari YouTube, Vimeo, Loom, Wistia, Dailymotion, Twitch, Streamable, Google Drive atau…localGenerator Schema MarkupPilih jenis schema, isi formulir, lalu salin JSON-LD yang siap ditempel. Field wajib dan yang…localGenerator QR CodeBuat QR code untuk tautan, login Wi-Fi, kartu kontak, email, nomor telepon, atau SMS. Atur warnanya,…localGenerator Link MailtoBuat link email yang membuka aplikasi email pengunjung dengan semua kolom sudah terisi: penerima, CC dan…localHTML & CSS ke WebflowTempel HTML dan CSS-nya, klik Copy to Webflow, lalu tempel di Designer. Kamu langsung mendapatkan Div…apiUji Kecepatan HalamanJalankan Google Lighthouse pada URL apa pun untuk tampilan mobile atau desktop. Lihat skor performa,…