Corregir los estilos de Google maps si se utiliza Bootstrap o Fundation

Hace unos dias me encontraba checando un sitio de un buen amigo utilizando el api de google maps y para generar la maqueta usó Fundation de Zurb, cuando llamó mi atención que al cargar los mapas, la barra de zoom y el icono de street view no se visualizaba de forma correcta.

Esto es provocado porque el css del framework “resetea algunos estilos que usa google maps” propiamente estos:

img { max-width: 100% }

Para corregir esto, basta con agregar a nuestro archivo css las siguientes lineas:

.gm-style img { max-width: none; }
.gm-style label { width: auto; display: inline; }

Con esto el problema se habrá solucionado.

Leave a Comment