¿Abrir Maps en lightbox?

NueveReinas · #1 (**permalink**) 04/09/2013, 19:43

Hola.

Tengo una cuestión que resolver.
Necesitaría saber si se puede implementar un mapa de Google Maps en lightbox.
Os dejo el código que he usado, pero no funciona...

Código:

<head>
<script src="/lightbox/js/jquery-1.7.2.min.js"></script>
<script src="/lightbox/js/lightbox.js"></script>
<link href="/lightbox/css/lightbox.css" rel="stylesheet" type="text/css" />
</head>

Código:

<body>
<a href="http://mapsengine.google.com/map/embed?mid=zBnqxkcdyAws.kqTk8vAAXxp0" rel="lightbox[roadtrip]"><img src="/Imagenes/Pepito.jpg" width="260" height="260"></a>
</body>

El código que me da Google es este:

Código:

<iframe src="http://mapsengine.google.com/map/embed?mid=zBnqxkcdyAws.kqTk8vAAXxp0" width="640" height="480"></iframe>

Gracias de antebrazo.

ArturoGallegos · #2 (**permalink**) 06/09/2013, 00:13

hay muchos lightbox no se cual sea el que usas pero si ese no te va prueba con fancybox, si te fijas en los ejemplos hay uno con google maps

NueveReinas · #3 (**permalink**) 06/09/2013, 13:39

Cita:

Iniciado por ArturoGallegos

hay muchos lightbox no se cual sea el que usas pero si ese no te va prueba con [URL="http://fancybox.net/"]fancybox[/URL], si te fijas en los ejemplos hay uno con google maps

Agradecido estoy

Volveré con los resultados, que son, por lo visto, muy prometedores

NueveReinas · #4 (**permalink**) 07/09/2013, 17:05

Hola de nuevo.

Quisiera saber si alguien me puede echar una mano con esto.
Yo necesito añadir un mapa personalizado de Google Maps en una caja/iframe de http://fancybox.net/, pero no entiendo porque no me deja.
El código que me genera Google es el siguiente:

Código:

http://mapsengine.google.com/map/embed?mid=BLABLABLA

en lugar del clásico hipermegaultra enlace:

Código:

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=london,+uk&amp;aq=&amp;sll=51.519126,-0.107684&amp;sspn=0.008585,0.021071&amp;vpsrc=0&amp;ie=UTF8&amp;hq=&amp;hnear=Westminster,+London,+United+Kingdom&amp;t=m&amp;z=10&amp;ll=51.500152,-0.126236&amp;output=embed"></iframe><br /><small><a href="http://maps.google.co
m/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=london,+uk&amp;aq=&amp;sll=51.519126,-0.107684&amp;sspn=0.008585,0.021071&amp;vpsrc=0&amp;ie=UTF8&amp;hq=&amp;hnear=Westminster,+London,+United+Kingdom&amp;t=m&amp;z=10&amp;ll=51.500152,-0.126236" style="color:#0000FF;text-align:left">View Larger Map</a></small>

Si la solución para abrir un mapa personalizado de Google Maps en algo tipo lightbox no fuese este fancybox, agradecería bastante encontrar alguna solución...

Saludos, y gracias de antebrazo.

loncho_rojas · #5 (**permalink**) 12/09/2013, 15:12

prueba el SHADOWBOX