Contenido

Google Maps y el problema con el Copyright

26 Nov

+ 12

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

google-maps-no-overflow-hidden

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.

google-maps-overflow-hidden

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:

google-maps-white-space-normal

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.

  • Tambien con el Web Developer Toolbar se pueden ver los nombres de las clases que Google da (por ejemplo gmnoprint) y modificar sus propiedades con CSS.

  • Funciona de lujo…pero estáis seguros que es legal recortar el copyright? 🙁

  • Supongo que también serviría añadiéndo la propiedad «clip» al css

  • @Ignacio G.: Para cierto proyecto, yo me encontré con la misma disyuntiva y os debo indicar que es ilegal. Sólo hay que leer los términos del contrato de uso de Google Maps.

  • Si, ya me habia pasado hace tiempo y lo solucione de la misma manera. No es que sea legal es simplemente que esta escribiendo por afuera del espacio que uno da para que google pinte sus mapas, y punto.

    Saludos

  • Muy bueno el aporte. me vino de diez! Una grosa esa Cynthia que siga aportando please. Y gracias por todos. Saludos! 🙂

  • Gracias Cynthia, exelente tu solucion !!

  • No es ilegal, y no se está ocultando ya que no se está colocando ningun elemento dentro de los margenes del mapa para ocultar la leyenda de copyright.

    La leyenda de reserva de derechos debe estar ubicada dentro de los margenes de dibujo del objeto pegado en una página web o en una anotación al pie o en una página de avisos legales. Si el objeto trae una leyenda que sobresale de sus márgenes, parece que está haciendo anotación de reserva de derechos de elementos de la página sobre los cuales no tiene derechos de copia o autor. Ni google pretendería hacerse de derechos sobre contenidos que no le pertenecen por una leyenda que sobresale al mapa, ni el responsable del sitio web pretende hacerse de los derechos del mapa por impedir que los elementos que sobresalgan (overflow) no sean visibles. No hay mala fe en ninguno de los dos.

    Por otra parte, siempre será recomendable anotar en alguna parte del sitio que los «datos del mapa, imágenes y textos respectivos pertenecen a terceros» y agregar algun link a la pagina de google maps o earth en su caso.

    Por cierto, ¿alguien se imagina a google llevando a juicio a un webmaster por un overflow:hidden? o peor tantito ¿alguien se imagina a un juez entendiendo la diferencia entre eso y un div flotante? ja!

  • «El que no tenga errores Css que tire la primera piedra…», pero realmente me sorprende que una super empresa no se de cuenta de eso.. bien por Cynthia.

  • Yo tengo un problemita, ya que a parte de que si puedo ver el mapa, me gustaria ahora añadir unos globos. ¿Como se añaden?
    ¿Y con que criterios?

    Por ejemplo, me gustaria en un mapa global, localizar unos codigos postales, que tengo logicamente en una base de datos mia.

  • Gente tras pelearme mucho tiempo logre hacer desaparecer el div de TYCs aca va el parchesito

    #copyright {
    white-space:nowrap;
    z-index: -10;
    top: -9200px;
    position: absolute;
    bottom: 0px;
    width: 212px;
    height: 212px;
    }

    Gracias
    JASCAMAN

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.