Yii Framework Forum: Ayuda EGMap + ventana modal (tinybox, jqModal) - Yii Framework Forum

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • This topic is locked

Ayuda EGMap + ventana modal (tinybox, jqModal) Rate Topic: -----

#1 User is offline   Darril 

  • Junior Member
  • Pip
  • Yii
  • Group: Members
  • Posts: 51
  • Joined: 02-June 11

Posted 24 July 2011 - 04:35 PM

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_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 ...
0

#2 User is offline   Darril 

  • Junior Member
  • Pip
  • Yii
  • Group: Members
  • Posts: 51
  • Joined: 02-June 11

Posted 01 September 2011 - 10:56 PM

Al final lo hice con jqModal

Igual gracias.
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • This topic is locked

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users