Adakah Imej Peta Google Anda Diherotkan oleh Twitter Bootstrap? Inilah Cara Menyelesaikan Isu.

Herotan Imej Peta Google Disebabkan oleh CSS Bootstrap Twitter

Menggunakan Twitter Bootstrap boleh membawa kepada herotan imej yang tidak dijangka dalam Peta Google, terutamanya yang menjejaskan penanda. Isu ini timbul daripada CSS Bootstrap, yang merangkumi pengisytiharan berikut:

<code class="css">img {
    max-width: 100%;
}</code>

Apabila sifat ini digunakan pada imej Peta Google, ia menskalakan imej penanda secara tidak seimbang. Melumpuhkan sifat lebar maksimum menyelesaikan isu, seperti yang dibuktikan dengan menggunakan Firebug.

Untuk menghalang CSS Bootstrap daripada mengganggu imej Peta Google, anda boleh melaksanakan penyelesaian berikut:

<code class="css">#mapCanvas img {
  max-width: none;
}</code>

Oleh mengatasi CSS Bootstrap untuk imej dalam bekas peta (dikenal pasti oleh #mapCanvas), anda boleh memulihkan penampilan biasa imej penanda. Penyelesaian ini memastikan gaya Bootstrap tidak menjejaskan imej Peta Google, membenarkan kedua-dua Bootstrap dan Peta Google berfungsi seperti yang dimaksudkan.

Atas ialah kandungan terperinci Adakah Imej Peta Google Anda Diherotkan oleh Twitter Bootstrap? Inilah Cara Menyelesaikan Isu.. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!