Cara Embed Link Maps Google ke Website Anda

Erge Asia - Google Maps adalah alat yang sangat berguna untuk menunjukkan lokasi secara visual di situs web atau blog Anda. Dengan menyematkan peta, pengunjung situs Anda dapat melihat lokasi yang Anda maksud dengan lebih jelas.

Berikut panduan cara embed Google Maps secara profesional dan mudah dari Erge Asia:

• Tahap 1

  Masuk ke halaman Google Maps

  Silahkan > Klik Disini untuk membuka link Google Maps.

• Tahap 2

  Cari lokasi yang ingin Anda sematkan dengan mengetikkan nama tempat atau alamat di bilah pencarian. Contoh Pencarian: Erge Asia Jakarta Indonesia.

  

• Tahap 3

  Setelah menemukan lokasi, Anda bisa menyesuaikan tampilan peta sesuai kebutuhan. Misalnya, Anda bisa mengubah jenis peta dari peta jalan (Roadmap) ke tampilan satelit (Satellite) atau kombinasi keduanya (Hybrid). Anda juga bisa memperbesar atau memperkecil peta agar sesuai dengan area yang ingin Anda tunjukkan.

  

• Tahap 4

  Dapatkan Kode Embed. Klik ikon menu dengan tiga garis horizontal di sudut kiri atas peta (Menu) atau klik tombol “Bagikan” (Share) di bagian kanan bawah peta.

  

  Pilih tab “Embed a map” (Sematkan peta) dari jendela yang muncul.

  

  Anda akan melihat prabaca kode HTML. Di sini, Anda bisa memilih ukuran peta dari opsi yang tersedia (kecil, sedang, besar, atau ukuran kustom). Kemudian Klik tombol “Salin HTML” atau “Copy HTML” untuk menyalin kode embed.

  <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4953.189383603771!2d106.95708577592096!3d-6.173116960494567!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e698b71afe06703%3A0xd861fe1b9b786b87!2sErge%20Asia%20Jakarta%20-%20Indonesia!5e1!3m2!1sid!2sid!4v1724746721272!5m2!1sid!2sid" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"> </iframe>

• Tahap 5

  Masukan kode HTML yang Anda “Salin HTML” atau “Copy HTML”.
  CATATAN : Untuk memasukan link maps google di kolom CMS Erge Asia, silahkan tempelkan / masukan dikolom input code maps google, link maps google bagian dalam " (tanda petik). Contohnnya :
  Link maps google yang dimasukan kolom input:

  <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4953.189383603771!2d106.95708577592096!3d-6.173116960494567!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e698b71afe06703%3A0xd861fe1b9b786b87!2sErge%20Asia%20Jakarta%20-%20Indonesia!5e1!3m2!1sid!2sid!4v1724746721272!5m2!1sid!2sid" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"> </iframe>

  Link maps google yang tidak dimasukan kolom input:

  <iframe src= " copy linknya dibagian sini " width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"> </iframe>