Cara menambahkan Peta / Google Maps di Website , Berikut Langkahnya

Google Maps di Halaman Website

Kali ini saya ingin share cara menambahkan peta google maps di halaman website. Peta google maps ini sendiri nantinya dapat langsung diakses ke halaman website google maps itu sendiri  ataupun ke aplikasi nya.

Oke langsung saja begini langkah2nya

 ...


1. Buka Google Maps dan ketikan alamat yang ingin ditampilkan di halaman website
    Contohnya disini saya membuka maps bundaran HI

   


    Tampilan akan seperti gambar atas
    Terdapat beberapa opsi diantaranya Directions,Sve,Earby,Send to your phone,Share. Disini kita nantinya akan menggunakan fungsi share

2. Pilih tombol Share dan akan muncul kotak seperti ini.
    Pilih copy html yang nantinya akan digunakan di script HTML kita.

   

   Untuk desain dan letaknya bisa disesuaikan dengan coding script HTML kalian.

3. Masukan script HTML yang tadi sudah di copy dari Google Maps

   

    Buka script tersebut di browser kalian.
    Dan petanya sudah munculll...

Silahkan teman-teman coba kreasikan tampilan nya sesuai dengan kebutuhan di website.
Untuk referensi desain bisa dilihat di link berikut

-https://mdbootstrap.com/docs/jquery/javascript/google-maps/

Ohiya untuk scriptnya dibawah ini yaa

Click me !!

Terimakasih semua dan selamat mencoba..
Goodluck