| Tweet |
|
Topik:
|
Cara Menyematkan (Embedding) Peta Google Map di WebsiteOleh: Hobon.id (10/01/2025)
 Menyematkan peta dari Google Maps di website Anda adalah cara yang praktis untuk menunjukkan lokasi fisik bisnis, tempat acara, atau lokasi lain yang relevan kepada pengunjung situs. Proses ini cukup mudah dilakukan, bahkan untuk pemula. Berikut adalah langkah-langkahnya:1. Buka Google MapsLangkah pertama adalah membuka Google Maps melalui browser Anda di https://maps.google.com. Pastikan Anda telah masuk ke akun Google jika diperlukan. 2. Cari Lokasi yang Ingin DisematkanDi kotak pencarian Google Maps, ketikkan alamat atau nama tempat yang ingin Anda sematkan. Setelah menemukan lokasi, pastikan peta menampilkan lokasi tersebut dengan jelas. Advertisement:
3. Klik Opsi "Bagikan"Setelah lokasi ditampilkan, cari ikon atau tombol "Bagikan" (Share). Biasanya tombol ini berada di sisi kiri layar, tepat di bawah nama lokasi.  4. Pilih Tab "Sematkan Peta"Pada jendela pop-up yang muncul, Anda akan melihat dua opsi: "Kirim link" dan "Sematkan peta". Pilih tab "Sematkan peta" untuk mendapatkan kode embed.  5. Salin Kode HTMLGoogle Maps akan menampilkan pratinjau peta bersama dengan kode HTML di bawahnya. Klik tombol "Salin HTML" untuk menyalin kode embed tersebut. <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3964.63464313219!2d106.86755267409949!3d-6.44094136298154!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69eb32d0e6992b%3A0x5628a95e4f5445e3!2sHobon.id%20-%20Jasa%20Pembuatan%20Website!5e0!3m2!1sid!2sid!4v1722418367080!5m2!1sid!2sid" style="border:0;width:100%;height:auto;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> 6. Tempelkan Kode ke Website AndaBuka file HTML website Anda menggunakan editor teks atau platform CMS (seperti Hobon.id). Cari lokasi di mana Anda ingin menampilkan peta, lalu tempelkan kode HTML yang telah Anda salin. Contoh kode yang akan terlihat seperti ini: 7. Sesuaikan Ukuran PetaAnda dapat mengatur parameter seperti width (lebar) dan height (tinggi) dalam kode HTML sesuai kebutuhan. 8. Simpan dan Periksa Website AndaSimpan perubahan pada file HTML Anda dan buka website untuk memastikan peta tampil dengan benar. Advertisement:
Dengan langkah-langkah di atas, Anda sekarang dapat dengan mudah menambahkan peta Google Maps ke website Anda. Ini adalah cara yang efektif untuk meningkatkan interaktivitas dan memberikan informasi yang berguna kepada pengunjung situs.
Artikel Terkait:
|