Buenas
Estoy usando la extensión de Yii egmap para generar mapas de google maps. El problema es que cuando lo genero dentro de una pestaña creada con el widget CJuiTabs el mapa no se carga y obtengo el siguiente error:
ReferenceError: google is not defined
google.load("maps","3",{'other_params':'sensor=false'});
Sin embargo el mapa fuera de la pestaña si se genera bien, porque si yo abro el navegador y cargo por ejemplo la URL: http://localhost/index.php?r=zonas/mapa&id=207 se genera bien el mapa.
¿A que se puede deber el problema?¿Cómo puedo solucionarlo?. Gracias.
Aquí os dejo el código.
Vista del CJuiTabs:
<?php
$this->widget('zii.widgets.jui.CJuiTabs',array(
'id'=>'zonas_tab',
'tabs'=>array(
Yii::t('default', 'Mapa')=>array('ajax'=>Yii::app()->createUrl('zonas/mapa', array('id'=>$model->id))),
Yii::t('default', 'Datos')=>array('ajax'=>Yii::app()->createUrl('zonas/datos', array('id'=>$model->id))),
Yii::t('default', 'Gráficas')=>array('ajax'=>Yii::app()->createUrl('zonas/grafica', array('id'=>$model->id))),
),
// additional javascript options for the tabs plugin
'options'=>array(
'collapsible'=>true,
),
));
?>
Acción del controlador
public function actionMapa($id)
{
$model = $this->loadModel($id);
$this->renderPartial('_viewMapa',array('model'=>$model),false,true);
}
Vista del mapa:
<?php
Yii::import('ext.gmap.*');
$gMap = new EGMap();
$gMap->setWidth('100%');
$gMap->setJsName('map');
$gMap->zoom = 10;
$mapTypeControlOptions = array(
'position'=> EGMapControlPosition::LEFT_BOTTOM,
'style'=>EGMap::MAPTYPECONTROL_STYLE_DROPDOWN_MENU
);
$gMap->mapTypeControlOptions= $mapTypeControlOptions;
$gMap->enableKMLService(Yii::app()->getBaseUrl(true).'/'.Yii::app()->params['dirMapas'].'microsectores.kml', true);
$gMap->renderMap();
?>