JQuery - Problema al cargar un mapa en una lightbox (Lightbox_me).

   
Vista:
Imágen de perfil de Enrique

Problema al cargar un mapa en una lightbox (Lightbox_me).

Publicado por Enrique kike2lucas@hotmail.com (2 intervenciones) el 09/11/2014 12:20:03
Hola, gente. Tengo un problema al cargar un mapa en una lightbox (Lightbox_me).
El tema es que el marcador (y por lo tanto el centro del mapa) se desplaza a la esquina superior del mapa quedando el resto de la caja vacía
Untitled-2

He estado probando infinidad de opciones (Hacer un extra div, marginar el mapa, agrandar el ancho de la caja donde va el mapa, etc, etc, etc)

En fin, no doy con la solución. A ver si alguien me puede encontrar el problema o dar una solución alternativa para poner un mapa de Google (api 3) en una lightbox

El script:
Código:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<script type="text/javascript">
      $(document).ready(function(){
  var myLatlng = new google.maps.LatLng(41.431105, 2.180765);
  var mapOptions = {
    zoom: 16,
	mapTypeControl: false,
	scrollwheel: false,
    center: myLatlng
  }
  var map = new google.maps.Map(document.getElementById('GoogleMap'), mapOptions);
 
  var image = 'http://www.body-vip.com/guia/design/location_pin_big.png';
  var myLatLng = new google.maps.LatLng(41.431105, 2.180765);
  var marker = new google.maps.Marker({
      position: myLatLng,
      map: map,
      icon: image
  });
 
 
        $('#title').click(function(e) {
          $('#GoogleMap').lightbox_me({centered: true, preventScroll: true});
		  e.preventDefault();
        });
      });
    </script>


El CSS:
Código:
1
2
3
4
5
6
7
8
9
10
#GoogleMap{
	width:450px;
	height:300px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #536376;
	-webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
	-moz-box-shadow:  rgba(0,0,0,.6) 0px 2px 12px;;
	display:none;
}

El código que genera el mapa va bien cuando no lo dispara el script
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Enrique

Problema al cargar un mapa en una lightbox (Lightbox_me).

Publicado por Enrique (2 intervenciones) el 09/11/2014 18:00:29
Después de tirarme toda la mañana con el querido mapita encontré la solución en el blog de quien desde hoy es mi amigazo Matthew Gifford:
http://www.matthewgifford.com/blog/2...in-a-lightbox/

Te quiero, Matthew
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de xve

Problema al cargar un mapa en una lightbox (Lightbox_me).

Publicado por xve (557 intervenciones) el 09/11/2014 19:16:56
Gracias por compartirlo Enrique!!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar