Bootstrapを使っているページ内ではGoogle Maps JavaScript APIで生成した地図の表示が乱れることがある件について、jsdo.itに投稿しました。
地図領域のIDが'map_canvas'でなければ、地図の表示が乱れるので、たとえばIDが'map'の場合、以下のCSSを書く必要があります。
#map img {
max-width: none;
}
#map_canvasの場合のみ正常に表示されるのは、BootstrapのCSSが#map_canvasを特別扱いしているためなのですが、これは正直微妙ですよね。
確かに#map_canvasに固定しておけば、何も気づかずに救われる場合もいるでしょうが、別のIDを使っている場合に対して無意味すぎると思います。
こっちの方がBootstrapらしいかなと思うのですが、どうでしょうか。
.map-canvas img {
max-width: none;
}
#map_canvas対応は後から追加されたものですが、githubでも、#map_canvas対応について、賛成しかねるとのコメントが付いています。
make bootstrap like google maps a bit more · fe30bd6 · twitter/bootstrap
「a bit more」だから、あまり気にしなくていいのでしょうか（笑）
0 件のコメント:
コメントを投稿