Google Maps es una gran herramienta, no hace falta decir nada para demostrar esta afirmación, pero en pequeños mapas, tenemos un problema con la línea del copyright
Nunca me había visto ante este problema por que no me ha hecho falta usar mapas tan pequeños, pero Cynthia Alderete si. Esta mañana me ha pasado un mail para darme una solución a este problema para todos aquellos que les pueda hacer falta.
La solución es realmente sencilla y nos implica una ligera modificación de nuestro CSS.Para ocultar esa línea simplemente tendremos que añadir la propiedad overflow
con valor hidden
al elemento contenedor del mapa.
<div id="map" style="width: 250px; height: 4em; overflow:hidden;"></div>
Como podemos ver, fácil, sencillo y funcional :D. Gracias Cynthia.
Actualización
Debido a algún comentario que comenta que puede haber cierta duda sobre la legalidad de esta técnica he pensado en usar otra a ver que os parece:
Simplemente he introducido esta línea en nuestro CSS.
.gmnoprint span {white-space:normal;}
Personalmente creo que es un problema de Google Maps al que tu le estás dando un espacio X para mostrar el mapa y lo que salga de ese espacio está invadiendo tu web. Después cada cual con su conciencia.
12 comentarios, 0 referencias
+
#