tfwtpw
Last Updated: February 25, 2016
·
906
· jorgelig

Controles google maps se distorsionan en bootstrap

Este problema se me presento cuando embebía un mapa de google usando el API, no eh verificado si también ocurre con los mapas embebidos dentro de iframes. Esto es originado porque bootstrap aplica 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 a las imagenes de 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>

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

1 Response
Add your response

12562

GRACIAS!!! buen aporte, justo lo que lo necesitaba, Saludos.

over 1 year ago ·