bootstrapでgooglemapのZoomControlStyleを使う時の注意点
今日はガラッと変わってgooglemapの事を書いてみます。
bootstrapを使った時に以下の点ではまりました。
bootstrapで良くある書き方でmap-canvasにgooglemapを表示したい時に、
<div class="container-fluid"> <div class="row-fluid"> <div class="span3"> </div> <div class="span9"> <div id="map-canvas"></div> </div> </div> </div>
と書いたらデフォルトのZoomControlStyleの表示がおかしくなります。
こんな感じね。
これは困ったという事で調べてみると以下のようにすれば解決するようです。
スタイルシートに、
#map-canvas img { max-width: none; min-width: 0px; }
と書くだけでデフォルトのZoomControlStyleが表示されるようになりますたノシ
こんなしょうもない事で時間をつぶしてしまったorz