CSSスタイリングでGoogleマップのズームが歪んでいるのはなぜですか？ここ

Question

は作業バージョンここ

http://jsfiddle.net/tH78C/

あるブートストラップスタイリング

http://jsfiddle.net/3sjAU/

なぜそれが壊れないと壊れたバージョン（ズームウィジェットはもはや適切に表示されていない）のですか？

Answer 1

Bootstrap.css 行69max-width: 100%;で問題が発生しています。

img { 
max-width: 100%; <-- 
vertical-align: middle; 
border: 0; 
-ms-interpolation-mode: bicubic; 
} 

あなたはそれを削除し、必要に応じて再度、ちょうど新しいクラス.newclass {max-width:100%}を指定して画像に追加することができます。

Answer 2

また、個々のマップ例えば：

.googleMapContainer img { 
    max-width: none !important; 
} 

Answer 3

私はここに記載されたものに若干の変動とそれを固定するために、この問題を解決することができます。

.gm-style img { 
    max-width: none; 
} 

Answer 4

新しいクラスを指定する必要はありませんちょうどこのコードをコピー

.angular-google-map img { 
    max-width: none !important; 
}