Advan – Saat ini, keberadaan lokasi bisnis atau tempat penting di Google Map sangat krusial. Apalagi kalau kamu punya website dan ingin memudahkan pengunjung dalam menemukan lokasi kamu secara akurat. Nah, melalui artikel ini, kamu akan mendapatkan panduan lengkap menambahkan lokasi Google Map ke website secara praktis.
Menambahkan Google Map tidak cuma bikin website kamu terlihat lebih profesional, tapi juga sangat membantu dari sisi kenyamanan pengunjung. Yuk, simak langkah-langkahnya agar kamu bisa menampilkan peta interaktif langsung di halaman situs kamu!
Cara Menambahkan Lokasi Google Map ke Website
Berikut ini adalah langkah-langkah sederhana yang bisa kamu ikuti untuk menambahkan lokasi Google Map ke dalam halaman website. Caranya bisa dilakukan oleh pemula sekalipun, tanpa perlu coding yang rumit.
1. Buka Google Maps dan Cari Lokasi
Langkah pertama yang perlu kamu lakukan tentu saja membuka Google Maps. Ketikkan alamat lengkap lokasi yang ingin kamu tampilkan di kolom pencarian. Setelah itu, tunggu sampai lokasi tersebut muncul secara tepat di peta.
2. Klik Tombol “Bagikan” (Share)
Setelah kamu menemukan lokasi yang tepat, klik ikon “Bagikan” yang ada di bagian bawah informasi lokasi. alu, pilih opsi “Sematkan Peta” (Embed a Map). Di sinilah kamu akan mendapatkan potongan kode HTML untuk disisipkan ke situs kamu.
3. Salin Kode HTML yang Tersedia
Google akan menampilkan tampilan peta interaktif dengan ukuran default. Di bawah tampilan tersebut, kamu akan melihat potongan kode iframe. Klik “Salin HTML” untuk menyalinnya ke clipboard.
4. Tempelkan Kode ke Dalam Website
Selanjutnya, buka editor website kamu. Bisa menggunakan WordPress, HTML statis, atau platform lainnya. Tempelkan kode iframe tadi di bagian halaman yang ingin kamu tampilkan Google Map. Biasanya, ini cocok ditaruh di bagian kontak atau footer website.
5. Uji Coba dan Simpan Perubahan
Setelah menempelkan kode, simpan perubahan halaman dan uji tampilannya. Pastikan peta muncul dengan benar dan bisa digunakan secara interaktif oleh pengunjung.
Baca Juga: Tips Agar Koneksi Internet Stabil di Android Sepanjang Waktu
Menyesuaikan Tampilan Peta di Website
Kalau kamu ingin tampilan peta di website lebih rapi dan sesuai desain, kamu bisa mengedit kode iframe sedikit. Jangan khawatir, ini mudah kok!
1. Ubah Ukuran Peta
Secara default, Google memberikan ukuran 600×450 piksel. Kamu bisa menggantinya di bagian width dan height pada kode iframe. Misalnya, ubah menjadi width=”100%” agar mengikuti lebar layar pengunjung.
2. Atur Zoom dan Tampilan Peta
Sayangnya, pengaturan zoom di iframe tidak bisa diedit langsung. Tapi kamu bisa kembali ke Google Map, atur tampilan dan zoom-nya, lalu generate ulang iframe. Ini bisa bantu peta kamu terlihat fokus ke titik lokasi secara tepat.
3. Gunakan Plugin Jika Memakai WordPress
Kalau kamu menggunakan WordPress, ada plugin seperti WP Google Maps yang memudahkan integrasi peta tanpa menyentuh kode HTML. Cukup install dan ikuti panduan plugin-nya, semuanya jadi lebih praktis.
Menambahkan Google Map ke website adalah cara cepat dan efektif untuk meningkatkan kredibilitas serta kemudahan akses bagi pengunjung. Dengan mengikuti panduan lengkap menambahkan lokasi Google Map ke website ini, kamu bisa membuat tampilan situs jadi lebih interaktif dan profesional. Tidak perlu keahlian khusus, cukup ikuti langkah-langkahnya satu per satu.
Kalau kamu ingin kelola website lebih fleksibel langsung dari genggaman, gunakan smartphone yang andal seperti ADVAN X1 Gaming Smartphone. Dengan spesifikasi gahar dan sistem Android terbaru, kamu bisa lebih produktif, entah saat ngoding, testing tampilan situs, atau bikin konten on-the-go.***
Editor: Andik Chefasa
Novita Rahma MHS