Cara Membuat Google Maps Responsive

Cara Membuat Google Maps Responsive

0 721
google maps responsif

Cara Membuat Google Maps Responsive – Google Maps memberikan pilihan sehingga Anda bisa embed map ke halaman situs Anda. Namum sayangnya kode bawaan yang diberikan tidak responsif. Sehingga jika halaman web Anda yang berisi map tadi dibuka di perangkat selain laptop atau komputer desktop, maka tampilannya mapnya tidak sesuai ukuran layar melainkan Anda harus geser mouse secara horizontal untuk melihat keseluruhan map.

Nah, bagaimana cara membuat Google Maps agar bisa menjadi responsif? Berikut detailnya.

Kode di bawah ini adalah kode default yang diberikan oleh Google Maps:

Kode di atas memberikan ukuran tinggi sebesar 450 piksel dan lebar 600 piksel.

google maps responsif

Jika Anda ingin mengubah ukuran bawaan Google Maps agar menjadi responsif, yang perlu dilakukan adalah memberikan aturan CSS ke halaman web Anda dan membungkus IFRAME ke dalam aturan itu.

Kode embed Google Maps yang responsif akan terlihat seperti di bawah ini. Anda bisa mengubah nilai padding-bottom (baris ke empat) dari 75% ke nilai yang lain.

Itulah cara membuat Google Maps responsif di web Anda. Semoga membantu!

NO COMMENTS

Leave a Reply