Bagaimana untuk Menetapkan Lebar dan Ketinggian 100% untuk Div ​​Bekas Peta Google dan Menjadikan Peta Kelihatan?

Menetapkan 100% Lebar dan Tinggi untuk Google Maps Container Div

Apabila ia datang untuk memasukkan Peta Google ke dalam halaman web anda, memastikan paparan peta dengan betul adalah penting. Pembangun sering menghadapi masalah dengan menetapkan lebar dan ketinggian bekas div kepada 100% untuk menutup keseluruhan halaman, yang membawa kepada peta tidak kelihatan.

Anda mesti menetapkan semua bekas induk kepada lebar 100% untuk bekas peta merentang keseluruhan halaman. Satu langkah penting ialah menetapkan nilai lebar dan ketinggian mutlak kepada div #content, yang mungkin kelihatan seperti berikut:

body, html {
  height: 100%;
  width: 100%;
}

div#content {
  width: 100%; height: 100%;
}

Dengan menggunakan peraturan CSS ini, anda boleh memastikan bahawa bekas Peta Google menduduki keseluruhan ruang yang tersedia, membolehkan peta kelihatan dan berfungsi sepenuhnya.

Atas ialah kandungan terperinci Bagaimana untuk Menetapkan Lebar dan Ketinggian 100% untuk Div ​​Bekas Peta Google dan Menjadikan Peta Kelihatan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!