1. ホーム
  2. google-maps

[解決済み] Google Mapsに影響を与えるTwitter BootstrapのCSS

2022-05-06 09:59:47

質問

Twitter Bootstrapを使用していて、Googleマップがあります。

地図上の画像(マーカーなど)がBootstrapのCSSによって歪んでしまう。

BootstrapのCSSでは、あります。

img {
    border: 0 none;
    height: auto;
    max-width: 100%;
}

を無効化すると max-width プロパティを使用すると、マーカー画像は通常通り表示されます。 BootstrapのCSSがGoogleマップの画像に影響するのを防ぐにはどうしたらよいでしょうか?

解決方法は?

Bootstrap 2.0では、これでうまくいったようです。

#mapCanvas img {
  max-width: none;
}