jquery-gmap Follow @yiiframework

$gmap = new EGmap3Widget();
 
$options = new EGmap3MapOptions();
$options->scaleControl = true;
$options->streetViewControl = false;
$options->zoom = 1;
$options->center = array(0,0);
$options->mapTypeId = EGmap3MapTypeId::HYBRID;
 
$typeOptions = new EGmap3MapTypeControlOptions();
$typeOptions->style = EGmap3MapTypeControlStyle::DROPDOWN_MENU;
$typeOptions->position = EGmap3ControlPosition::TOP_CENTER;
$options->mapTypeControlOptions = $typeOptions;
 
$zoomOptions = new EGmap3ZoomControlOptions();
$zoomOptions->style = EGmap3ZoomControlStyle::SMALL;
$zoomOptions->position = EGmap3ControlPosition::BOTTOM_CENTER;
$options->zoomControlOptions = $zoomOptions;
 
$gmap->setOptions($options);

$gmap = new EGmap3Widget();
$options = array(
    'scaleControl' => true,
    'streetViewControl' => false,
    'zoom' => 1,
    'center' => array(0,0),
    'mapTypeId' => EGmap3MapTypeId::HYBRID,
    'mapTypeControlOptions' => array(
        'style' => EGmap3MapTypeControlStyle::DROPDOWN_MENU,
        'position' => EGmap3ControlPosition::TOP_CENTER,
    ),
    'zoomControlOptions' => array(
        'style' => EGmap3ZoomControlStyle::SMALL,
        'position' => EGmap3ControlPosition::BOTTOM_CENTER
    ),
);
$gmap->setOptions($options);

$options = new EGmap3MapOptions();
$options->scaleControl = true;
$options->streetViewControl = false;
$options->zoom = 1;
$options->center = array(0,0);
$options->mapTypeId = EGmap3MapTypeId::HYBRID;
$options->mapTypeControlOptions = array(
    'style' => EGmap3MapTypeControlStyle::DROPDOWN_MENU,
    'position' => EGmap3ControlPosition::TOP_CENTER
);
$options->zoomControlOptions = array(
    'style' => EGmap3ZoomControlStyle::SMALL,
    'position' => EGmap3ControlPosition::BOTTOM_CENTER
);
$gmap->setOptions($options);

class Address extends CActiveRecord
{
    public $latitude;
    public $longitude;
        public $mapZoomLevel;
 
    public function rules()
    {
            return array(
                array('latitude,longitude', 'numerical'),
                array('mapZoomLevel', 'numerical', 'integerOnly'=>true),
            );
    }
}

// init the model (usually passed to view)
$address = new Address();
 
// init the map
$gmap = new EGmap3Widget();
$gmap->setOptions(array('zoom' => 14));
 
// create the marker
$marker = new EGmap3Marker(array(
    'title' => 'Draggable address marker',
    'draggable' => true,
));
$marker->address = '10 Downing St, Westminster, London SW1A 2, UK';
$marker->centerOnMap();
 
// set the marker to relay its position information a model
$marker->capturePosition(
     // the model object
     $address,
     // model's latitude property name
     'latitude',
     // model's longitude property name
     'longitude',
     // Options set :
     //   show the fields, defaults to hidden fields
     //   update the fields during the marker drag event
     array('visible','drag')
);
$gmap->add($marker);
 
// Capture the map's zoom level, by default generates a hidden field
// for passing the value through POST
$gmap->map->captureZoom(
    // model object
    $address,
    // model attribute
   'mapZoomLevel',
   // whether to auto generate the field
   true,
   // HTML options to pass to the field
   array('class' => 'myCustomClass'),
);
 
$gmap->renderMap();

// build a normal Yii form
$form = $this->beginWidget('CActiveForm', array(
    'id'=>'address-form',
));
echo $form->textField($address, 'address1');
echo $form->textField($address, 'address2');
echo $form->textField($address, 'city');
 
// [etc ... etc ...]
 
// create a map centered in the middle of the world ...
$gmap = new EGmap3Widget();
$gmap->setOptions(array(
        'zoom' => 2,
        'center' => array(0,0),
));
// add a marker
$marker = new EGmap3Marker(array(
    'title' => 'Updateable marker',
));
$marker->latLng = array(0,0);
$gmap->add($marker);
 
// tell the gmap to update the marker from the Address model fields.
$gmap->updateMarkerAddressFromModel(
     // the model object
     $address,
     // the model attributes to capture, these MUST be present in the form
     // constructed above. Attributes must also be given in the correct
     // order for assembling the address string.
     array('address1','address2','city','postalCode','region','country'),
     // you may pass these options :
     // 'first' - set to first marker added to map, default is last
     // 'nopan' - do not pan the map on marker update.
     array()
);
$gmap->renderMap();