OpenLayers OpenLayers

Changeset 2693

Show
Ignore:
Timestamp:
03/12/07 01:57:51 (2 years ago)
Author:
crschmidt
Message:

Take tasmania demo from GeoServer, and implement in OpenLayers.

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • sandbox/vector-2.4/examples/wfs-t.html

    r2491 r2693  
    1414 
    1515        function init(){ 
     16            OpenLayers.ProxyHost = "/cgi-bin/proxy.cgi?url="; 
    1617            map = new OpenLayers.Map( $('map') ); 
    17             layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",  
     18            layer = new OpenLayers.Layer.WMS( "State",  
    1819                    "http://dev.openlayers.org/geoserver/wms", {layers: 'topp:tasmania_state_boundaries'} ); 
    1920            map.addLayer(layer); 
    20             layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",  
    21                     "http://dev.openlayers.org/geoserver/wms", {layers: 'topp:tasmania_cities', transparent: true, format:'image/gif'} ); 
     21            layer = new OpenLayers.Layer.WMS( "Water",  
     22                    "http://dev.openlayers.org/geoserver/wms", {layers: 'topp:tasmania_water_bodies', 'transparent': true, format: 'image/gif' } ); 
    2223            map.addLayer(layer); 
    23             layer = new OpenLayers.Layer.WFS( "OpenLayers WMS",  
    24                     "http://dev.openlayers.org/geoserver/wfs", {typename: 'topp:tasmania_cities'} ); 
     24            rlayer = new OpenLayers.Layer.WFS( "Roads",  
     25                    "http://dev.openlayers.org/geoserver/wfs", {typename: 'topp:tasmania_roads'}, 
     26               {   
     27                      typename: 'tasmania_roads',  
     28                      featureNS: 'http://www.openplans.org/topp',  
     29                      extractAttributes: false 
     30                    } ); 
     31            rlayer.onFeatureInsert=function(feature) { feature.style.strokeColor = "#ff0000"; feature.layer.renderer.drawGeometry(feature.geometry, feature.style); } 
     32            map.addLayer(rlayer); 
     33            layer = new OpenLayers.Layer.WFS( "Cities",  
     34                    "http://dev.openlayers.org/geoserver/wfs", {typename: 'topp:tasmania_cities'},  
     35               {   
     36                      typename: 'tasmania_cities',  
     37                      featureNS: 'http://www.openplans.org/topp',  
     38                      extractAttributes: false 
     39                    } ); 
    2540            map.addLayer(layer); 
    2641            map.addControl(new OpenLayers.Control.LayerSwitcher()); 
    27             map.zoomToExtent(new OpenLayers.Bounds(141.57875,-44.26625,151.03125,-39.56375)); 
     42            var p = new OpenLayers.Control.Panel({'displayClass': 'olControlEditingToolbar'}); 
     43             
     44            df = new OpenLayers.Control.DrawFeature(rlayer, OpenLayers.Handler.Path, {handlerOptions: {'freehand': false}, 'displayClass': 'olControlDrawFeaturePath'}); 
     45            df.featureAdded = function(feature) {  
     46              feature.state = OpenLayers.State.INSERT;  
     47              feature.style['strokeColor'] = "#0000ff";  
     48              feature.layer.renderer.drawGeometry(feature.geometry, feature.style);   
     49            } 
     50            dp = new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Point, {handlerOptions: {'freehand': false}, 'displayClass': 'olControlDrawFeaturePoint'}); 
     51            p.addControls([ new OpenLayers.Control.MouseDefaults(), df, dp ]); 
     52              
     53            map.addControl(p); 
     54            map.zoomToExtent(new OpenLayers.Bounds(145.51045,-44.0,149.0,-40.5)); 
    2855        } 
    2956        // --> 
    …… 
    3158  </head> 
    3259  <body onload="init()"> 
    33     <a href="map.layers[2].commit();">Save</a><br /> 
     60    <a href="#" onclick="map.layers[2].commit();return false">Save Roads</a><br /> 
     61    <a href="#" onclick="map.layers[3].commit();return false">Save Cities</a><br /> 
    3462    <div id="map"></div> 
    3563  </body>