diff options
| author | Chris Schlaeger <chris@linux.com> | 2014-08-12 21:56:44 +0200 |
|---|---|---|
| committer | Chris Schlaeger <chris@linux.com> | 2014-08-12 21:56:44 +0200 |
| commit | ea346a785dc1b3f7c156f6fc33da634e1f1a627b (patch) | |
| tree | af67530553d20b6e82ad60fd79593e9c4abf5565 /misc/openlayers/tests/manual/vector-layer-zindex.html | |
| parent | 59741cd535c47f25971bf8c32b25da25ceadc6d5 (diff) | |
| download | postrunner-ea346a785dc1b3f7c156f6fc33da634e1f1a627b.zip | |
Adding jquery, flot and openlayers to be included with the GEM.v0.0.4
Diffstat (limited to 'misc/openlayers/tests/manual/vector-layer-zindex.html')
| -rw-r--r-- | misc/openlayers/tests/manual/vector-layer-zindex.html | 143 |
1 files changed, 143 insertions, 0 deletions
diff --git a/misc/openlayers/tests/manual/vector-layer-zindex.html b/misc/openlayers/tests/manual/vector-layer-zindex.html new file mode 100644 index 0000000..d33c853 --- /dev/null +++ b/misc/openlayers/tests/manual/vector-layer-zindex.html @@ -0,0 +1,143 @@ +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>Vector Layer ZIndex Test</title> + <style type="text/css"> + body { + font-size: 0.8em; + } + p { + padding-top: 1em; + } + #map { + margin: 1em; + width: 512px; + height: 512px; + } + </style> + + <script src="../../lib/OpenLayers.js"></script> + <script type="text/javascript"> + var map, layerA, layerB, layerV, selectControl1, selectControl2; + + function init() { + map = new OpenLayers.Map('map'); + var wmsLayer = new OpenLayers.Layer.WMS( + "OpenLayers WMS", + "http://labs.metacarta.com/wms/vmap0", + {layers: 'basic'} + ); + + layerV = new OpenLayers.Layer.Vector('v'); + var feature = new OpenLayers.Feature.Vector( + new OpenLayers.Geometry.Polygon([ + new OpenLayers.Geometry.LinearRing([ + new OpenLayers.Geometry.Point(-110, 60), + new OpenLayers.Geometry.Point(-110, 30), + new OpenLayers.Geometry.Point(-80, 30), + new OpenLayers.Geometry.Point(-110, 60) + ]) + ]) + ); + layerV.addFeatures([feature]); + selectControl1 = new OpenLayers.Control.SelectFeature(layerV); + selectControl2 = new OpenLayers.Control.SelectFeature(layerV, { + hover: true, + selectStyle: OpenLayers.Util.applyDefaults({fillColor: "red"}, OpenLayers.Feature.Vector.style["select"]), + onSelect: function(feature) { + selectControl2.unselect(feature); + layerV.drawFeature(feature, selectControl2.selectStyle); + } + }); + selectControl2.events.register("beforefeatureselected", null, function(feature) { + layerV.drawFeature(feature, selectControl2.selectStyle); + return false; + }) + + layerA = new OpenLayers.Layer('a', {'isBaseLayer': false}); + layerB = new OpenLayers.Layer.WMS( + 'b', 'http://www2.dmsolutions.ca/cgi-bin/mswms_gmap', { + 'layers': [ + 'bathymetry', 'land_fn', 'park', 'drain_fn', 'drainage', + 'prov_bound', 'fedlimit', 'rail', 'road', 'popplace' + ], + 'transparent': 'true', + 'format': 'image/png' + }, { + 'reproject': false + }); + + map.addLayers([wmsLayer, layerV, layerA, layerB]); + map.addControl(selectControl2); + map.addControl(selectControl1); + map.addControl(new OpenLayers.Control.MousePosition()); + selectControl2.activate(); + selectControl1.activate(); + + map.setCenter(new OpenLayers.LonLat(-90, 20), 2); + } + + function removeLayerA() { + if (OpenLayers.Util.indexOf(map.layers, layerA) > -1) { + map.removeLayer(layerA); + } + } + + function toggleSelectControl1() { + if (selectControl1.active) { + selectControl1.deactivate(); + alert("SelectFeature control for clicks deactivated."); + } else { + selectControl1.activate(); + alert("SelectFeature control for clicks activated."); + } + } + + function toggleSelectControl2() { + if (selectControl2.active) { + selectControl2.deactivate(); + alert("SelectFeature control for hover deactivated."); + } else { + selectControl2.activate(); + alert("SelectFeature control for hover activated."); + } + } + </script> + </head> + <body onload="init()"> + <h1 id="title">Vector Layer ZIndex Test</h1> + <div id="map"></div> + <p> + + The map includes one base layer (vmap0) and three overlays, namely a vector + layer, a fake layer with no images, and a dmsolutions layer. The overlays are + added to the map in this order: the vector layer, the fake layer, and the + dmsolutions layer. The map also includes a select feature control, which + when activated bumped the vector layer z-index to some high value. This + makes feature selection work, even though other overlays were added after + the vector layer. + + </p> + <p> + + If the fake layer is removed from the map (first link below), the vector layer's + z-index must not be reset, so the vector layer must not go under the + dmsolutions layer and feature selection must continue to function as + expected. + + </p> + <p> + + If one of the SelectFeature controls is deactivated or activated (second + and third link below), the vector layer should change it's position in the + layer stack: on top if at least one of the controls is activated, covered + by other layers if both are deactivated. + + </p> + + <p> + <a href="javascript:removeLayerA()">Remove the fake layer</a> + <br/><a href="javascript:toggleSelectControl1()">Toggle the click SelectFeature control's active status</a> + <br/><a href="javascript:toggleSelectControl2()">Toggle the hover SelectFeature control's active status</a> + </p> + </body> +</html> |