Controles google maps se distorsionan en bootstrap

Este problema me mostra quando está embebido em um mapa do google usando a API, não eh verificado se también ocurre com os mapas embebidos dentro de iframes. Esto es originado porque o bootstrap aplica-se un “max-width: 100%” a las imagenes:

<a href=” http://www.jorgelig.com/wp-content/uploads/2013/06/gmapsControlFail.png”>gmapsControlFail </a>

Para corregirlo solo hay sobrescribir el max-width nas imagens do google maps:

img[src^="http://maps.gstatic.com/"] {
max
-width: none;
}

Y listo, los controles se verán bien ^ _ ^

<a href=” http://www.jorgelig.com/wp-content/uploads/2013/06/gmapsControl.png”>gmapsControl </a>

Postagem original: <a href=” http://www.jorgelig.com/2013/06/12/controles-google-maps-se-distrorcionan-en-bootstrap/”> link </a>