Paket Web Aplikasi

cara menambahkan / mengembed google maps di website dan blog


Pada kesempatan ini saya akan memberikan tutorial singkat dan jelas untuk menambahkan peta lokasi usaha maupun tempat anda di website  dan blog dengan google maps.

Dengan mengembed google maps ke halaman website anda, tentunya mempermudah orang dalam mencar tempat usaha anda maupun tempat tinggal anda, nah untuk mengembed peta google di website maupun blog yang anda punya.

Bila anda belum pernah menambahkan alamat anda di google maps anda bisa membaca postingan saya sebelumnya tentang menambahkan lokasi atau alamat di google maps, setelah anda menambahkan alamat dan loksi anda berada anda bisa melanjutkan ketahap mengembed peta lokasi di website anda.

Pada tutorial ini saya akan menambahkan peta lokasi usaha saya di website www.niqoweb.com, Silahkan simak tutorial berikut ini untuk mengembed peta lokasi google maps  :

  • Buka google maps https://www.google.co.id/maps
  • Ketikan nama usaha maupun alamat rumah anda yang sudah anda tambahkan, saya ketikan NiqoWeb Cikarang pada pencarian google maps, dan akan muncul tampilan seperti gambar di bawah ini :

  • Silahkan Klik tombol Share / Bagikan dan akan muncul popup seperti berikut 
  • Pilih Tab Sematkan Peta / Embed Maps dan anda akan mendapatkan code iframe untuk di embed di website.

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3966.0791334943137!2d107.13183771501696!3d-6.253304262967718!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69850f34672333%3A0x6ef6c9b9f82ded04!2sNiqoWeb+Cikarang!5e0!3m2!1sid!2sid!4v1466674450309" width="2000" height="500" frameborder="0" style="border:0" allowfullscreen></iframe>
        

  • Silahkan copas code iframe dan copykan ke halaman website anda.
  • Di Width dan Height pada iframe silahkan sesuaikan dengan lebar layout website anda, pada tutorial ini saya menggunakan width="2000" dan height="500"
  • Dari tutorial di atas maka akan menampilkan tampilan google maps seperti berikut 

Bagaimana.? cukup mudah bukan mengembed google maps ke halaman website dan blog.? silahkan di coba ya, semoga tutorial singkat ini bisa bermanfaat dan memberikan pencerahan kepada anda yang sedang ingin meng embed google maps ke halaman websitenya, silahkan di coba dan di praktekan bila bermanfaat ilahkan share.

Selamat Mencoba
Previous
Next Post »

Komentar