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

読み書きプログラミング

日常のプログラミングで気づいたことを綴っています

BootstrapとGoogle Maps JavaScript APIの干渉をなくす

CSS

Twitter BootstrapのCSSGoogle Maps JavaScript APIで生成した地図は干渉する部分があり、例えば、InfoWindowの陰が醜くなったりします。
これは以下のCSSを追加することで解消できます。

#map img {
    max-width: none;
}

ここで、mapはGoogle Mapsを埋め込むdivのid。

(Bootstrap 2.2.0の時からのノウハウですが、2.3.1でも干渉していたので投稿しました。)