Twitter Bootstrapを使っていてGoogleMapV3を表示させると崩れるのを直す方法

GoogleMapAPIってV3になってから、APIキーいらなくなったんですね、便利。
さらにはJavaScriptだけでよくなったんですね、便利(前から出来たのかもしれませんが・・・)

ということでGoogleMapAPIを使って地図を表示させたら、ピンが変な形になっていたり、なんか表示がおかしい。
調べてみると、Twitter BootstrapのCSSが悪さしていたみたい。

なので、styleを直書きして修正。
ID部分はご自身で使われてるIDに変更してください。

<style>#google_map img { max-width: none; }</style>

 
こちらを参考にさせて頂きました。
Twitter Bootstrap上でGoogle Mapsを表示しようとすると崩れちゃう件

コメント

タイトルとURLをコピーしました