From 54c040385065ff8863f9bbe5f66780eaca894ef1 Mon Sep 17 00:00:00 2001
From: crschmidt <crschmidt@crschmidt.net>
Date: Sun, 14 May 2006 02:44:49 +0000
Subject: [PATCH] add LayerSwitcher control. Currently, when added, this will
 simply loop through all the map layers, display a div (with text in it) which
 allows you tu turn the layer on or off. Layer visibility is a new concept in
 Layer.js, including a getter and setter, which uses the style.visibility prop
 to change the status of the layer.

git-svn-id: http://svn.openlayers.org/trunk/openlayers@31 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
---
 example.html                            |  1 +
 google.html                             |  1 +
 lib/OpenLayers.js                       |  3 +-
 lib/OpenLayers/Control/LayerSwitcher.js | 41 +++++++++++++++++++++++++
 lib/OpenLayers/Layer.js                 | 15 +++++++++
 5 files changed, 60 insertions(+), 1 deletion(-)
 create mode 100644 lib/OpenLayers/Control/LayerSwitcher.js

diff --git a/example.html b/example.html
index 1834c7ef2e..02439724ef 100644
--- a/example.html
+++ b/example.html
@@ -24,6 +24,7 @@
                 {map: '/mapdata/vmap_wms.map', layers: 'basic', format: 'image/jpeg'} );
                 
             map.addLayer(layer);
+            map.addControl( new OpenLayers.Control.LayerSwitcher() );
             map.setCenter(new OpenLayers.LatLon(lat, lon), zoom);
         }
         // -->
diff --git a/google.html b/google.html
index b85048cc3e..9e9a12c3af 100644
--- a/google.html
+++ b/google.html
@@ -29,6 +29,7 @@
             map.setCenter(new OpenLayers.LatLon(lat, lon), zoom);
             map.addLayer(layer);
             map.addLayer(gmap);
+            map.addControl( new OpenLayers.Control.LayerSwitcher() );
         }
         // -->
     </script>
diff --git a/lib/OpenLayers.js b/lib/OpenLayers.js
index ecdd363d7a..4f015b563c 100644
--- a/lib/OpenLayers.js
+++ b/lib/OpenLayers.js
@@ -45,7 +45,8 @@ catch(e){
         "OpenLayers/Layer/Grid.js",
         "OpenLayers/Layer/WMS.js",
         "OpenLayers/Control.js",
-        "OpenLayers/Control/PanZoom.js"
+        "OpenLayers/Control/PanZoom.js",
+        "OpenLayers/Control/LayerSwitcher.js"
     ); // etc.
 
     var allScriptTags = "";
diff --git a/lib/OpenLayers/Control/LayerSwitcher.js b/lib/OpenLayers/Control/LayerSwitcher.js
new file mode 100644
index 0000000000..273c795d7b
--- /dev/null
+++ b/lib/OpenLayers/Control/LayerSwitcher.js
@@ -0,0 +1,41 @@
+OpenLayers.Control.LayerSwitcher = Class.create();
+OpenLayers.Control.LayerSwitcher.prototype = 
+  Object.extend( new OpenLayers.Control(), {
+    initialize: function() {
+        OpenLayers.Control.prototype.initialize.apply(this, arguments);
+    },
+    
+    draw: function() {
+        // initialize our internal div
+        OpenLayers.Control.prototype.draw.apply(this);
+        var pixel = new OpenLayers.Pixel(this.map.div.clientWidth-200,4);
+        for(i=0; i<this.map.layers.length; i++) {
+            var div = OpenLayers.Util.createDiv("LayerControl_layer"+i,pixel,new OpenLayers.Size(200,20));
+            div.innerHTML = this.map.layers[i].name;
+            div.style.backgroundColor="white";
+            div.style.padding="5px";
+            div.layerid = i;
+            div.map = this.map;
+            div.ondblclick = this.doubleClick.bindAsEventListener(div);
+            div.onmousedown = this.singleClick.bindAsEventListener(div);
+            this.div.appendChild(div);
+            pixel = pixel.addY(35);
+        }
+        return this.div;
+    },
+    singleClick: function(evt) {
+        var status = this.map.layers[this.layerid].getVisibility();
+        this.map.layers[this.layerid].setVisibility(!status);
+        if (status) {
+            this.style.backgroundColor="black";
+            this.style.color="white";
+        } else {
+            this.style.backgroundColor="white";
+            this.style.color="black";
+        }
+        Event.stop(evt);
+    },
+    doubleClick: function(evt) {
+        Event.stop(evt);
+    }
+});
diff --git a/lib/OpenLayers/Layer.js b/lib/OpenLayers/Layer.js
index b5426f0682..b2ab86349f 100644
--- a/lib/OpenLayers/Layer.js
+++ b/lib/OpenLayers/Layer.js
@@ -10,6 +10,8 @@ OpenLayers.Layer.prototype = {
     // OpenLayers.Map
     map: null,
 
+    status: null,
+
     /**
     * @param {str} name
     */
@@ -18,6 +20,7 @@ OpenLayers.Layer.prototype = {
         this.div = OpenLayers.Util.createDiv();
         this.div.style.width="100%";
         this.div.style.height="100%";
+        this.status = true;
     },
     
     /**
@@ -35,5 +38,17 @@ OpenLayers.Layer.prototype = {
     moveTo: function (bound,zoomChanged) {
         // not implemented here
         return;
+    },
+    getVisibility: function() {
+        return this.status;
+    },
+    setVisibility: function(on) {
+        if (on) {
+            this.div.style.display="block";
+        } else {
+            this.div.style.display="none";
+        }
+        this.status = on;
     }
+    
 };