読者です 読者をやめる 読者になる 読者になる

Twitter BootstrapでGoogle Maps APIを利用する際に表示が崩れてしまう問題の対処

Twitter BootstrapでWebページを表示していて、その中でGoogle Maps APIを利用することがありました。Google Mapsの地図を表示してみると、ズームコントロールなどで表示が崩れてしまいました。

これはTwitter BootstrapのCSSGoogle Mapsに影響しているためです。以下のようにして対処しました。

#map_canvas label { width: auto; display:inline; }
#map_canvas img { max-width: none; }

参考:twitter bootstrap css affecting google maps