Cuando insertamos un mapa de Google Maps en nuestra web nos presenta una incómoda ventana InfoWindow (de información del sitio que mostramos) que puede que no queramos que aparezca, ya que afea el mapa.
Para eliminarla tenemos que seguir los siguientes pasos:
1) Elegimos el Google Maps el sitio que queremos que aparezca, imaginemos que es el Museo del Prado. Ponemos en el buscador de Google Maps «Museo del Prado» sin comillas y pinchamos en el primer resultado
2) Pulsamos en insertar mapa
3) Si no queremos personalizar el mapa, copiamos el código que viene debajo de «Pegar HTML para insertar en sitio web»
4) Vemos que nos sale una ventana emergente de información, que no queremos mostrar
5) Para eliminarla vamos a ver el código que hemos insertado: <iframe width=»425″ height=»350″ frameborder=»0″ scrolling=»no» marginheight=»0″ marginwidth=»0″ src=»https://maps.google.es/maps?f=q&source=s_q&hl=es&geocode=&q=museo+del+prado&aq=&sll=40.392385,-3.691964&sspn=0.008776,0.021136&gl=ES&ie=UTF8&hq=museo+del+prado&ll=40.413752,-3.692242&spn=0.016991,0.032015&t=m&output=embed»></iframe><br /><small><a href=»https://maps.google.es/maps?f=q&source=embed&hl=es&geocode=&q=museo+del+prado&aq=&sll=40.392385,-3.691964&sspn=0.008776,0.021136&gl=ES&ie=UTF8&hq=museo+del+prado&ll=40.413752,-3.692242&spn=0.016991,0.032015&t=m» style=»color:#0000FF;text-align:left»>Ver mapa más grande</a></small>
6) Tenemos que añadir al final de src=»… lo siguiente: &iwloc=near de forma que quedaría así: <iframe width=»425″ height=»350″ frameborder=»0″ scrolling=»no» marginheight=»0″ marginwidth=»0″ src=»https://maps.google.es/maps?f=q&source=s_q&hl=es&geocode=&q=museo+del+prado&aq=&sll=40.392385,-3.691964&sspn=0.008776,0.021136&gl=ES&ie=UTF8&hq=museo+del+prado&ll=40.413752,-3.692242&spn=0.016991,0.032015&t=m&output=embed&iwloc=near«></iframe><br /><small><a href=»https://maps.google.es/maps?f=q&source=embed&hl=es&geocode=&q=museo+del+prado&aq=&sll=40.392385,-3.691964&sspn=0.008776,0.021136&gl=ES&ie=UTF8&hq=museo+del+prado&ll=40.413752,-3.692242&spn=0.016991,0.032015&t=m» style=»color:#0000FF;text-align:left»>Ver mapa más grande</a></small>
6) Ahora vemos que el mapa de Google Maps no muestra la ventana emergente
Buenos días Víctor,
sería posible quitar la cabecera superior para que no aparezca en el mapa personalizado la línea gris y el título?
Un saludo.
Hola Francesc, muchas gracias por participar. Lo publico y espero que puedan ayudarte. Un saludo, Víctor
Saludos amigo. Resulta que inserté el mapa en mi sitio, pero no sé porque a partir de ese momento se abre también una ventana emergente con publicidad. Me podrías ayudar por favor si sabes a qué se debe esto. Muchas gracias.
Hola Jhony, muchas gracias por escribir en mi web. ¿En qué dirección tienes el mapa?
Un saludo, Víctor
Que tal Victor. Por alguna odioda razón, inserté el código que mencionas y nada que me funciona. Te dejo un copy/paste de como coloqué el código para que veas:
Gracias por interesarte por uno de mis posts. No se pego el código, por lo que te he enviado un mensaje privado a tu email para resolverlo.
Saludos, Víctor