Ayuda EGMap + ventana modal (tinybox, jqModal)

Buen@s [dias, tardes, noches].

Estoy usando egmap para cargar mapas google, hice pruebas iniciales y al parecer todo marcha bien, lo complicado está ahora que trato de mostrar mi mapa en una ventana modal, estoy tratando de hacerlo con tinybox o jqModal porque son ligeros, pero no consigo mostrar mi mapa tal cual lo quiero, en realidad no me muestra nada solo se carga el div con el layout de yii no asi el contenido (mapa google). Ademas de que me interesa mostrar solo el mapa y no el layout, estuve probando con el renderPartial pero nada.

En mi _form tengo un enlace que será quien abra la ventana modal


<?php echo CHtml::link("Ubicar en google", array('#'),array('id'=>'enlace_google'))." | ";

En un archivo js llamo al evento de cargar la ventana modal


$('#enlace_google').click(function(evento){

        evento.preventDefault();

        TINY.box.show({

            url:'mapa',

            widht: 450,

            height: 400

        })

    });

En mi controdador tengo el método mapa que me reenvia a mapa.php


public function actionMapa(){

        $this->render('mapa');

    }

Y por último tengo el script mapa.php




<?php

Yii::import('ext.gmaps.*');

 

$gMap = new EGMap();

$gMap->zoom = 10;

$mapTypeControlOptions = array(

  'position'=> EGMapControlPosition::LEFT_BOTTOM,

  'style'=>EGMap::MAPTYPECONTROL_STYLE_DROPDOWN_MENU

);

 

$gMap->mapTypeControlOptions= $mapTypeControlOptions;

 

$gMap->setCenter(39.721089311812094, 2.91165944519042);

 

// Create GMapInfoWindows

$info_window_a = new EGMapInfoWindow('<div>I am a marker with custom image!</div>');

$info_window_b = new EGMapInfoWindow('Hey! I am a marker with label!');

 

$icon = new EGMapMarkerImage("http://google-maps-icons.googlecode.com/files/gazstation.png");

 

$icon->setSize(32, 37);

$icon->setAnchor(16, 16.5);

$icon->setOrigin(0, 0);

 

// Create marker

$marker = new EGMapMarker(39.721089311812094, 2.91165944519042, array('title' => 'Marker With Custom Image','icon'=>$icon));

$marker->addHtmlInfoWindow($info_window_a);

$gMap->addMarker($marker);

 

// Create marker with label

$marker = new EGMapMarkerWithLabel(39.821089311812094, 2.90165944519042, array('title' => 'Marker With Label'));

 

$label_options = array(

  'backgroundColor'=>'yellow',

  'opacity'=>'0.75',

  'width'=>'100px',

  'color'=>'blue'

);

 

/*

// Two ways of setting options

// ONE WAY:

$marker_options = array(

  'labelContent'=>'$9393K',

  'labelStyle'=>$label_options,

  'draggable'=>true,

  // check the style ID 

  // afterwards!!!

  'labelClass'=>'labels',

  'labelAnchor'=>new EGMapPoint(22,2),

  'raiseOnDrag'=>true

);

 

$marker->setOptions($marker_options);

*/

 

// SECOND WAY:

$marker->labelContent= '$425K';

$marker->labelStyle=$label_options;

$marker->draggable=true;

$marker->labelClass='labels';

$marker->raiseOnDrag= true;

 

$marker->setLabelAnchor(new EGMapPoint(22,0));

 

$marker->addHtmlInfoWindow($info_window_<img src='http://www.yiiframework.com/forum/public/style_emoticons/default/cool.gif' class='bbc_emoticon' alt='B)' />;

 

$gMap->addMarker($marker);

 

// enabling marker clusterer just for fun

// to view it zoom-out the map

$gMap->enableMarkerClusterer(new EGMapMarkerClusterer());

 

$gMap->renderMap();

?>

<style type="text/css">

.labels {

   color: red;

   background-color: white;

   font-family: "Lucida Grande", "Arial", sans-serif;

   font-size: 10px;

   font-weight: bold;

   text-align: center;

   width: 40px;     

   border: 2px solid black;

   white-space: nowrap;

}

</style>



Alguna sugerencia …

Al final lo hice con jqModal

Igual gracias.