.:: Jasa Membuat Aplikasi Website,Desktop,Android Order Now..!! | | Order Now..!! Jasa Membuat Project Arduino,Robotic,Print 3D ::.

cara menambahkan / mengembed google maps di website dan blog

0 komentar


بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم
bismillaahirrahmaanirrahiim

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
Assalamu'alaikum warahmatullahi wabarakatuh

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

Update Contact :
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email : Fajarudinsidik@gmail.com
NB :: Bila Sobat tertarik Ingin membuat software, membeli software, membeli source code, membeli hardware elektronika untuk kepentingan Perusahaan maupun Tugas Akhir (TA/SKRIPSI), Insyaallah Saya siap membantu, untuk Respon Cepat dapat menghubungi kami, melalui :

No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email: Fajarudinsidik@gmail.com


atau Kirimkan Private messanger melalui email dengan klik tombol order dibawah ini :

ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين
Alhamdulilah hirobil alamin

وَ السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
wassalamualaikum warahmatullahi wabarakatuh


Artikel cara menambahkan / mengembed google maps di website dan blog, Diterbitkan oleh scodeaplikasi pada Kamis, 23 Juni 2016. Semoga artikel ini dapat menambah wawasan Anda. Website ini dipost dari beberapa sumber, bisa cek disini sumber, Sobat diperbolehkan mengcopy paste / menyebar luaskan artikel ini, karena segala yang dipost di public adalah milik public. Bila Sobat tertarik Ingin membuat software, membeli software, membeli source code ,Dengan Cara menghubungi saya Ke Email: Fajarudinsidik@gmail.com, atau No Hp/WA : (fajar) : 085369237896, (puat) : 085267792168.

Tawk.to