Dlaczego styl CSS zniekształca powiększanie mapy Google?

Question

Oto działa wersja

http://jsfiddle.net/tH78C/

Tutaj jest złamana wersja (Powiększanie widżet nie jest już prawidłowo wyświetlany) z Bootstrap stylizacji

http://jsfiddle.net/3sjAU/

Dlaczego to złamać?

Answer 1

W Bootstrap.css linia 69max-width: 100%; jest przyczyną problemu.

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

Można go usunąć iw razie potrzeby ponownie po prostu określić nową klasę .newclass {max-width:100%} i dodać go do obrazu.

Answer 2

Można również naprawić indywidualnych ścieżek np .:

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

Answer 3

Naprawiłem go z nieznaczną zmianę, co zostało tutaj wymienione.

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

Answer 4

Nie ma potrzeby, aby określić nową klasę wystarczy skopiować ten kod

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