Extensions

Google Map Input

Ex 1: No data from database, default map data

Click on the map to place markers. Then drag the markers to define a polygon.
Clear map

Ex 2: Map and rectangle data from database

Click on the map to place markers. Then drag the markers to define a polygon.
Clear map

Ex 3: Rectangle data from database, auto adjust map

Click on the map to place markers. Then drag the markers to define a polygon.
Clear map

View code
$this->widget('ext.widgets.google.XGoogleInputMap', array(
    'googleApiKey'=>Yii::app()->params['googleApiKey'],
    'form'=>$form,
    'model'=>$model,
));