icon logo wibloog.comWibloog
  • Teknologi
  • Otomotif
    Motor
    Mobil
  • Gadget
    Smartphone
    Apps
  • Tips dan Ulasan
  • Olah Raga
  • Fashion
  • Pendidikan
  • Kuliner
  1. Home
  2. Informasi Tentang Teknologi dan Komputer

  3. Tutorial

Cara Membuat Embed Google Maps di Website atau Blog
  • 27 Oktober 2020
  • 227
  • Admin@Wibloog
  • Picture by : #

Cara Membuat Embed Google Maps di Website atau Blog

How to Embed Google Maps on a Website or Blog

Maps merupakan kebutuhan informasi lokasi dalam bentuk teta digital, dari sini kita bisa mengetahui informasi alamat, nama jalan, nama tempat dan rute jarak yang di tuju. Google Maps adalah layanan peta digital yang dibuat oleh Google, yang dapat digunakan secara gratis oleh orang banyak.

Selain itu google maps juga dapat membantu orang untuk menunjukan rute jalan dan tempat, dengan berbagai fitur transpotasi yang digunakan, mulai dari mobil, sepeda motor dan jalan kaki.

Informasi maps juga bisa di terapkan di website maupun blog Anda, untuk memberitahukan lokasi alamat baik kantor, home bisinis, rumah dan lain sebagainya. Google Maps memiliki fitur share maps dalam bentuk iframe html yang dapat di letakan pada halaman website.

Berikut dibawah ini Cara Membuat Embed Google Maps di Website atau Blog pada halaman html dengan menggunakan iframe.


1. Buka Website Google Maps

Pertama sekali silakan buka website Google Maps, kemudian silakan cari nama jalan atau nama tempat yang di inginkan.

Cari alamat atau nama tempat

2. Share

Kemudian jika sudah sesuai nama jalan atau tempat yang akan di embed, silakan klik Bagikan atau Share, kebetulan alamat yang saya gunakan adalah tempat sekolah.

Share

3. Salin html

Step selanjutnya adalah salin kode html iframe maps google pada tab Sematkan Peta kemudian silakan klik SALIN HTML.

Sematkan Peta

4. Pastekan Kode ke Halaman HTML Anda

Tahap yang terakhir, silakan pastekan kedalam halaman html Anda, atau kode blog html, kemudian Anda bisa menyesuaikan lebar dan tinggi maps iframe yang digunakan, standar yang di pakai oleh Goolge maps yaitu lebar width='600' dan tingginya height='450', tinggal di sesuaikan saja.

Embed Google Maps

Demikian tutorial ini kami bagikan, Terima kasih telah berkunjung di artikel kami, Selamat mencoba

Artikel Terbaru

Cara Membuat Pencarian Multiple Keyword di PHP Mysql
Teknologi dan Komputer 27 Februari 2021
Cari tahu Dari Mana Penghasilan Seorang Blogger
Tips dan Ulasan 26 Februari 2021
Realita Bersepeda di Jalan Perkotaan
Olahraga 22 Februari 2021
Realita Jadi Seorang Programmer
Teknologi dan Komputer 20 Februari 2021
Cara Beli Tiket Kereta Api di Bukalapak
Tips dan Ulasan 16 Februari 2021
7 Kelebihan iPhone Dibanding Ponsel Android
Gadget 14 Februari 2021
Iklan Web Hosting Dewaweb Lucu
Teknologi dan Komputer 13 Februari 2021
Blog Tanpa SEO Apakah Bisa Page One Google?
Teknologi dan Komputer 12 Februari 2021
Hati-Hati Kedok Penipuan Ngaku dari Lembaga Survei Lewat Telepon
Tips dan Ulasan 11 Februari 2021

Komentar

Tinggalkan Komentar Disini


Artikel Terkait

Cara Membuat Pencarian Multiple Keyword di PHP Mysql
Cara Membuat Pencarian Multiple Keyword di PHP Mysql
Realita Jadi Seorang Programmer
Realita Jadi Seorang Programmer
Iklan Web Hosting Dewaweb Lucu
Iklan Web Hosting Dewaweb Lucu
Blog Tanpa SEO Apakah Bisa Page One Google?
Blog Tanpa SEO Apakah Bisa Page One Google?
Cara Logout Gmail Dari Device yang Pernah Digunakan
Cara Logout Gmail Dari Device yang Pernah Digunakan
Kenapa Saya Pilih Linux, Berikut ini Ulasannya
Kenapa Saya Pilih Linux, Berikut ini Ulasannya
Alasan Kenapa Banyak Orang Pakai Blogspot Untuk Cari Uang di Internet
Alasan Kenapa Banyak Orang Pakai Blogspot Untuk Cari Uang di Internet
Kenapa Backup Data Server itu Penting, Berikut ini Ulasannya
Kenapa Backup Data Server itu Penting, Berikut ini Ulasannya
Tribunnews Selalu Menduduki Halaman satu Google, Bagaimana Bisa?
Tribunnews Selalu Menduduki Halaman satu Google, Bagaimana Bisa?
Rekomendasi Macbook Bekas Tahun 2021 dengan Budget Minim
Rekomendasi Macbook Bekas Tahun 2021 dengan Budget Minim
Cara Buat Daftar Pustaka Otomatis Pakai Mendeley
Cara Buat Daftar Pustaka Otomatis Pakai Mendeley
Cara Mudah Verifikasi Domain Google Search Console Hosting Cpanel
Cara Mudah Verifikasi Domain Google Search Console Hosting Cpanel
Perkembangan Google dan Logo dari Generasi Pertama Hingga Sekarang
Perkembangan Google dan Logo dari Generasi Pertama Hingga Sekarang
10 Tips Penting SEO Gambar Yang Perlu Anda Ketahui
10 Tips Penting SEO Gambar Yang Perlu Anda Ketahui
Cara Enable Wireless di Elementary OS 5.1 Hera
Cara Enable Wireless di Elementary OS 5.1 Hera

Jasa Buat Blog

Tentang Kami

Wibloog adalah portal informasi yang memuat sebuah artikel yang mengulas tentang perangkat komputer, gadget, teknologi, motor, mobil, fashion, pendidikan, kuliner

Lebih Lanjut ...

Informasi Situs

Kontak
Disclaimer
Sitemap
Jasa Buat Blog
Facebook
DMCA.com Protection Status wibloog.com

© 2019 Wibloog. All Rights Reserved