mapping

A Mapping Widget for placing openlayers maps, and doing spatial queries. the goal is to make it better than GeoExt
6 followers

Comming soon in June, 2013

The goal is to have a set of mapping widgets that can be placed in different parts of a view to make different mapping applications easily using OpenLayers. other programming frameworks like Drupal have several mapping modules.

Proposed widgets:

-map -layer switcher -feature selector [data table grid] -query executor [an input field for query and sending results to openlayers via Ajax] -legend -Editor Panel -controllers [zoomer,panner,.....] -layout [ using JQuery UI Layout] -Data Exporter [exporting result sets to common GIS file formats like KML, GML, Excel e.t.c]

Requirements

-Yii 1.1 or above -PostgreSQL Database if using the Spatial Query Component

Usage

View file

// create layers:
$layerOSM =new OpenLayersLayer( "OSM", "OSM", array(
        "open streets",
        null,
        "params" => array(
                'transitionEffect' => 'resize',
        ),
 
) );
 
 
// create Map and set options:
 
 
$map = new OpenLayersMap();
$map->setOptions( array(
        'controls' => array(
                'js:new OpenLayers.Control.Navigation()',
                'js:new OpenLayers.Control.PanZoomBar()',
                'js:new OpenLayers.Control.LayerSwitcher({div: document.getElementById("layerswitcher")})',
                'js:new OpenLayers.Control.Attribution()',
                'js:new OpenLayers.Control.MousePosition()',
                'js:new OpenLayers.Control.PanZoomBar()',
                'js:new OpenLayers.Control.OverviewMap()',
                'js:new OpenLayers.Control.KeyboardDefaults()',
                //'js:new OpenLayers.Control.EditingToolbar("vms")',
 
        ),
          'minExtent' => 'js:new OpenLayers.Bounds(-1, -1, 1, 1)',
          'maxExtent' => 'js:new OpenLayers.Bounds(-20037508.3427892, -20037508.3427892, 20037508.3427892, 20037508.3427892)',
          'numZoomLevels' => '18',
          'maxResolution' => 156543.0339,
          'units' => "m",
          'projection' => "EPSG:900913",
          'displayProjection' => 'js:new OpenLayers.Projection("EPSG:4326")',
          'zoom' =>'2',
          'center' => 'js:new OpenLayers.LonLat(0, 0)'
) );
 
 
 
$this->Widget( 'ext.mapping.MappingWidget', array(
      'grid_container_id' => 'grid-containerx',
      'map_container_id' => 'map',
      'layer_switcher_id' => 'layerswitcherx',
      'layers' => array( $layerOSM,$layerVector,$layerGOOGLE),
      'map' => $map,
      'htmlOptions' => array(
                             'style' => 'min-height:400px; min-width:200px; display: width:200px; height:100%; border:1px solid;',
                             ),
      );

Resources

Demo comming soon on http://easygisng.com/mappingExtension

Total 4 comments

#13266 report it
Arno S at 2013/05/19 01:33pm
Interested

I've done a lot of work in Openlayers with ajax layers. I recently started to use Yii and it's nice to see an extension for Openlayers here. I'll definitely try it.

#13264 report it
Islam500 at 2013/05/19 11:44am
Thank you for comment

Hello, Thanks for your comment I really appreciate it, I have updated the description, and also a screen shot.

Screen Shot

#13262 report it
pmaselkowski at 2013/05/19 09:55am
Anything?

But you could at least put some desription of this extension, you expect to get help but you even did not bother to fill in some description? Any link, project page?

#13259 report it
Islam500 at 2013/05/18 10:54pm
Comming Soon

The reason I created the extensions page before finishing the extension is to start getting interested developers as soon as possible. the first release will be some time in mid June, 2013. if you are interested please make a post here.

currently I did a fork from Philippe Desmarais' OpenLayers widget.

I have added the slick data grid and linked it with the openlayers map.

am now working on a search widget so that search results are overlayed on the map via AJAX.

have also managed to put them all in the Jquery UI Layout. which makes it look like extJS.

The goal is to make a set of mapping widgets that can be placed in different parts of a view to make different mapping applications: proposed widgets:

-map
-layer switcher
-feature selector [data table grid]
-query executor [an input field for query and sending results to openlayers]
-legend
-editor
-controllers [zoomer,panner,.....]
-layout

Leave a comment

Please to leave your comment.

Create extension
Downloads
No downloadable files yet