[hello world 動かない ][検索]

プログラミング関連で自分が調べた事をメモる

MobileAngularUI GoogleMapsAPI 地図 コントロール 表示されない

MobileAngularUI使用時にGoogleMapsAPIの地図のコントロールの表示がおかしい

f:id:shim0111:20150419033313j:plain

なんかコントロールが変

下記のファイルのimgタグmax-widthの定義が原因だったので
mobile-angular-ui-base.css

img {
  max-width: 100%;
}

地図領域内のimgタグのみ別の定義で上書き

#map-canvas img {
  max-width: none;
}

もっとピンポイントで指定した方が良いのだろうけど、現時点で自分が使う範囲では他に影響が出ていないのと、地図領域のdivの内容が表示サイズによって変わるのであきらめた

問題が発生した時に考える