[SOLUCIONADO] Problema con Lightbox_me y Google Maps

[kike2lucas]

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



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 alguine 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:

 <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:

#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

[kike2lucas]

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