Hallo teman – teman pernahkah teman melihat sebuah website memiliki petunjuk lokasi, tentu pernah ya! Nah pada kali ini saya akan membahas cara menampilkan Sebuah google map dalam website, google map dalam sebuah website sangatlah penting  karena membantu pengunjung website kita untuk mengetahui alamat sebuah perusahaan atau kantor kita, misal kita membuat website sebuah perusahaan, Untuk menunjukan lokasi perusahan kita maka kita perlu memasang yang namanya google map di website.

Untuk memenuhi permintaan pengunjung, pemilik website menuliskan alamat kantor dari sebuah website. Lebih efektif ketika kita menampilkan alamat kantor dalam bentuk peta. Kita dapat menggunakan bantuan Google Map untuk menampilkan peta dengan mudah sekali dalam website kita teman-teman.

Caranya sangat mudah sekali

Ikuti langkah – langkah berikut untuk cara menampilkan Sebuah google map dalam website;

  1. Login ke Google lalu buka google map
  2. Masukkan alamat yang ingin ditampilkan pada kotak pencarian Gogle Map,
  3. Klik bagikan pad sebelah kiri peta,
  4. Pad popup yang muncul, klik tag Sematkan peta,
  5. Copy skrip yang muncul diatas peta kebagian website dimana peta tersebut akan ditampilkan
  6. Di bawah ini saya mencontohkan lokasi Dumet School dalam bentuk website.

Pada skrip diatas kita dapat mengatur lebar dan tinggi peta dengan mengubah atribut width dan height.

Menampilkan Google Map Dalam Website

Misalnya kita pasang Google Map pada class right maka hasilnya seperti berikut, jika dibuka dalam browser ;

Menampilkan Google Map Dalam Website

Oke cukup mudah bukan, itulah tadi pembahasan saya tentang cara menampilkan Sebuah google map dalam website semoga bermanfaat.

 

WhatsApp chat