爲什麼CSS樣式會扭曲我的Google地圖縮放？

Question

這裏是一個工作版本

http://jsfiddle.net/tH78C/

下面是一個破碎的版本，引導造型

http://jsfiddle.net/3sjAU/

（縮放控件不再正常顯示），它爲什麼會分手？

Answer 1

In Bootstrap.css line 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; 
}