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