Cara Membuat Peta Tertanam Responsif

Cara Membuat Peta Tertanam Responsif



Peta yang tertanam dapat dimasukkan dalam situs web untuk menampilkan alamat titik suatu perusahaan. Jika peta ini tertanam dengan benar ke dalam situs web, maka ini merupakan tambahan yang bagus. Namun, saat membuat peta tersemat perlu diingat bahwa peta tersebut harus responsif. Selain itu, harus terlihat bagus dan cocok di semua perangkat dan ukuran layar.

Tulisan ini akan mendemonstrasikan proses membuat peta tersemat menjadi responsif.

Bagaimana Cara Membuat Peta Tertanam Responsif?

Pengguna dapat menyematkan peta dalam HTML secara responsif dengan menggunakan beberapa properti CSS. Namun, Anda perlu mendapatkan tautan yang disematkan terlebih dahulu. Untuk itu, pertama-tama langkah 1 lalu sematkan peta ke dalam HTML berikut:





Langkah 1: Dapatkan Tautan Sematkan Peta



Untuk mendapatkan tautan peta yang disematkan, pertama-tama, navigasikan ke “ Google Peta ”:





Klik pada ' Bagikan atau sematkan peta ' pilihan:



Sekarang, klik pada “ Sematkan peta tombol ” untuk mendapatkan tautan semat:

Setelah itu, klik tombol “ SALIN HTML ” kode untuk menyalin kode:

Langkah 2: Sematkan Peta dalam HTML

Untuk menyematkan peta dalam HTML, pertama-tama buatlah struktur HTML. Di HTML, tempelkan tautan semat yang disalin ke dalam bagian dalam a

dan atur nama kelas div. Disarankan untuk menambahkan gaya di dalamnya