tfwtpw
Last Updated: February 25, 2016
·
880
· jorgelig
1498066 10202556520569952 234732234 o

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>

Say Thanks
Respond

1 Response
Add your response

12562
Copia de cimg2592 normal

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

over 1 year ago ·