Skip to main content

Cara Embed Google Map Ke Blog Atau Website Anda

Saat ini setiap hari baik kamu sadari atau tidak, banyak sekali website-website maupun blog baru bermunculan. Masyarakat kini kian sadar akan arti pentingnya teknologi internet untuk kemajuan perkembangan bisnis mereka.


Bisnis online yang kini sedang menjamur di tengah masyarakat indonesia maupun di dunia adalah maraknya toko-toko online, cafe, restoran, villa, tempat rekreasi dan lain-lain. Dan kalau saya lihat sepertinya tidak sedikit dari mereka yang memanfaatkan fitur Google Map ke dalam blog atau website miliknya.


Dengan hadirnya Google Map tersebut pastilah mereka ingin memanfaatkan fitur tersebut untuk melebarkan sayap-sayap mereka agar lokasi keberadaannya lebih dikenal masyarakat luas dan dapat dijangkau oleh siapapun yang memang belum mengetahui dan ingin pergi kesana.


Biasanya untuk template-template website gratis yang bertebaran di internet seperti prestashop dan lain-lain juga sudah menyediakan sebuah div tag yang berisi iframe agar anda dapat meletakkan embed code google map mengenai peta lokasi anda ke dalamnya.


Nah buat kamu yang memiliki lahan bisnis dan punya website tapi belum mengetahui bagaimana cara menambahkan fitur google map tersebut, kamu bisa simak caranya disini.


Pertama, buka Google Map dan cari lokasi tempat bisnis anda berada di bagian kotak pencarian sebelah kiri atas. Sebagai contoh saya akan gunakan lokasi Monas ( Monumen Nasional ) agar lebih mudah. Ada yang belum pernah kesana atau ngga tahu lokasinya ?


Ketikkan monas dan tekan enter. Pada lokasi yang ditemukan akan terdapat tanda balon berwarna merah. Jika lokasi yang kamu maksudkan belum benar silahkan di zoom dan cari sampai ketemu. Jika sudah, klik kanan dan pilih what's here ? Lihat gambar berikut ini.


moas.png


Setelah anda pilih menu tersebut, lokasi yang anda maksudkan akan ditandai dan muncul koordinatnya dibagian bawah.


Kedua, untuk mendapatkan embed code google map dari lokasi diatas, silahkan klik opsi SHARE dan pilih tab Embed map.


embed_map.png


Terdapat empat jenis ukuran yang dapat kamu pilih sebelum kamu copy embed code tersebut ke dalam website. Pilihlah yang sesuai dengan ukuran tema website kamu.


map-size.png


Jika sudah copy embed code yang ada di sebelah kanan dan paste ke dalam file html yang ada di blog atau website kamu seperti gambar berikut ini. Klik save, upload dan refresh.


iframe.png


Sekarang pasti kamu sudah bisa melihat lokasi toko kamu di website tersebut. Gimana sob...mudah bukan ? Silahkan di coba ya.


Semoga tutorialnya bermanfaat dan jika ada pertanyaan atau butuh jasa pembuatan website, aplikasi dan lain-lain silahkan hubungi saya. Sampai jumpa.


 

Mau tahu tentang pentaho? Yuk tonton saja videonya disini...

https://www.youtube.com/playlist?list=PL9cbfM3OnKEBPDw8wBiAFeXvX9-yYiB8J

Tonton video saya mengenai delphi yuk


Tonton video saya mengenai visual basic yuk


Bagaimana cara bikin video ?


opening-video2

Labels:

Comments

Post a Comment

Popular posts from this blog

Tips Jitu Cara Mengatasi Error Pada Saat Compile Aplikasi Menggunakan Visual Basic 6

Sebenarnya ada banyak sekali nih project yang harus saya kerjakan dikantor. Namun terkadang apa yang kita rencanakan sering kali berbeda dengan kenyataan. Maksud hati ingin focus dulu ke satu project, tapi karena adanya satu dan lain hal, akhirnya terpaksa deh harus melakukan modifikasi dan membuka project lama yang sebenarnya saya sudah malas untuk berhubungan lagi dengannya :) Project ini sudah dibangun dari awal tahun 2000-an, jauh sebelum saya join. Ya intinya saya dapat warisannya lah seperti itu. Di bangun masih dengan menggunakan vb5-vb6 waktu itu. Sekarang sudah tahun 2016. Jadi sudah lama ya sob. Sudah ketinggalan jaman lah kurang lebih. Meskipun sudah tua, tapi menurut saya visual basic tetap menjadi bahasa pemrograman yang masih powerful. Masalah Kompatibilitas Nah masalah terbesar dalam menggunakan program-program lawas seperti itu biasanya ada pada kompatibilitas component-componentnya. Karena hardware dan os yang kita gunakan biasanya akan berubah seiring waktu. Jika soba...
Post a Comment
Read more

Tutorial Pentaho 7 (Mulai Dari Proses Install Sampai Dengan Koneksi Database)

Halo sob, pernah mendengar pentaho ? Ya tahun lalu saya sempat mencoba-coba dan ingin mencari tahu tentang kegunaan dan kelebihan dari pentaho. Akhir november tahun 2016 kemarin, Pentaho 7 versi community edition resmi diluncurkan. Beberapa bulan sebelumnya saya sempat mencoba versi 4 atau 5 namun hanya sebentar dan kalau tidak salah pun boleh di bilang gagal. Lalu saya coba lagi versi release terbaru dari pentaho 7 community edition tersebut dan alhamdulillah berhasil. Namun saat ini saya sudah tidak bisa lagi memberikan tutorialnya melalui tulisan saya karena jujur saja saya pun sudah lupa saat ini. Harus menonton video-video tutorial saya dulu mengenai Pentaho yang sudah pernah saya upload ke youtube waktu itu. Itulah salah satu gunanya memiliki video tutorial sendiri yang bisa kita tonton sewaktu-waktu apabila kita lupa di lain waktu. Bener ngga sob. Meskipun banyak juga video-video lain yang bisa kita temukan di youtube. Terima kasih juga untuk google yang sudah mengakuisisi youtu...
6 comments
Read more

Cara Menghilangkan Status Read Message Pada Aplikasi WhatsApp (Tips WhatsApp Terbaru)

Hai sobat yadishare, apa kabar ? Apakah kalian termasuk pengguna aplikasi whatsapp ?   Menurut saya sih sudah pasti ya. Karena kalau tidak rasanya kalian tidak akan membaca artikel saya ini bukan... Mayoritas para pengguna smartphone android biasanya menggunakan aplikasi whatsapp untuk chatting dan bertukar informasi melalui group. Istilah kerennya bersosmed atau bersosial media. Tapi jangan kebablasan ya. Gunakanlah seperlunya. Jangan hanya karena takut dibilang ngga gaul terus kita tidak bisa memfilternya. Saat ini whatsapp boleh dibilang sudah dapat menggeser atau menggantikan peran blackberry messenger yang pernah sangat booming dan pernah tidak tergantikan saat itu. Well, memang tidak akan pernah ada yang abadi di dunia ini. Semua pasti tergantikan. Cepat atau lambat akan selalu ada teknologi baru yang dapat menggantikan teknologi lama.   https://www.youtube.com/watch?v=Nn2BKaiDzVg&t=61s   https://www.youtube.com/watch?v=r6Voq8Jk2Ag   Nah tipsnya kali ini ad...
6 comments
Read more