To have a functioning map with all overlays, set the map.allOverlays property to true. With all overlays, the map derives projection, resolution, and max extent information from the lowest layer in the draw order (map.layers[0]). To change the layer order, use map.setLayerIndex or map.raiseLayer. r=ahocevar,elemoine (closes #2004)

git-svn-id: http://svn.openlayers.org/trunk/openlayers@9171 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
2009-04-02 16:40:52 +00:00
parent 3c863c8c2f
commit b2258606dc
3 changed files with 161 additions and 4 deletions
--- a/examples/all-overlays.html
+++ b/examples/all-overlays.html
@@ -0,0 +1,67 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+    <head>
+        <title>All Overlays Example</title>
+        
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
+        <link rel="stylesheet" href="style.css" type="text/css" />
+        <script src="../lib/OpenLayers.js"></script>
+        <script type="text/javascript">
+            var map;
+            function init() {
+                map = new OpenLayers.Map("map", {allOverlays: true});
+
+                // give the features some style
+                var styles = new OpenLayers.StyleMap({
+                    "default": {
+                        strokeWidth: 2
+                    },
+                    "select": {
+                        strokeColor: "#0099cc",
+                        strokeWidth: 4
+                    }
+                });
+            
+                // add rules from the above lookup table
+                styles.addUniqueValueRules("default", "RP_TYPE", {
+                    10: {strokeColor: "#000000", strokeWidth: 2},
+                    12: {strokeColor: "#222222", strokeWidth: 2},
+                    14: {strokeColor: "#444444", strokeWidth: 2},
+                    16: {strokeColor: "#666666", strokeWidth: 2},
+                    18: {strokeColor: "#888888", strokeWidth: 2},
+                    19: {strokeColor: "#666666", strokeWidth: 1}
+                });
+
+                var vectors = new OpenLayers.Layer.Vector("Lines", {
+                    strategies: [new OpenLayers.Strategy.Fixed()],                
+                    protocol: new OpenLayers.Protocol.HTTP({
+                        url: "data/roads.json",
+                        format: new OpenLayers.Format.GeoJSON()
+                    }),
+                    styleMap: styles,
+                    maxExtent: new OpenLayers.Bounds(
+                        1549471.9221, 6403610.94, 1550001.32545, 6404015.8
+                    )
+                });
+            
+
+                map.addLayer(vectors);
+                map.addControl(new OpenLayers.Control.LayerSwitcher());
+                map.zoomToMaxExtent();
+
+            }            
+
+        </script>
+    </head>
+    <body onload="init()">
+        <h1 id="title">OpenLayers Overlays Only Example</h1>
+        <p id="shortdesc">
+            Demonstrates a map with overlays only.
+        </p>
+        <div id="map" class="smallmap"></div>    
+        <div id="docs">
+            To create a map that allows any draw order with all layer types
+            and lets you set the visibility of any layer independently, set
+            the allOverlays property on the map to true.
+        </div>
+    </body>
+</html>