Changeset 8303 in genesis for nodes/nodemap.html

Timestamp:

Aug 10, 2010, 6:21:48 PM (14 years ago)

Author:

rick

Message:

Opacity dynamic set

File:

• nodes/nodemap.html (modified) (2 diffs)

nodes/nodemap.html

@@ -16 +16 @@
     <script>
       var map, rulerControl;
+      var mapnik, wms;
       var projection_wgs = new OpenLayers.Projection("EPSG:4326"); // WGS 1984
       var projection_smp = new OpenLayers.Projection("EPSG:900913"); // Spherical Mercator Projection
 
+      var current_opacity = 0.5;
+      var max_opacity = 0.9;
+      var min_opacity = 0.1;
+
+
+      function setOpacity(new_opacity) {
+          current_opacity = new_opacity;
+          mapnik.setOpacity(new_opacity);
+          wms.setOpacity(new_opacity);
+      } 
+
+      function changeOpacity(by_opacity) {
+          var new_opacity = current_opacity + by_opacity;
+          new_opacity = Math.min(max_opacity, Math.max(min_opacity, new_opacity));
+          setOpacity(new_opacity);
+      }
+
       function init() {
         map = new OpenLayers.Map("basicMap");
 
         var world_bound = new OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34);
-        var mapnik = new OpenLayers.Layer.OSM("OpenStreepMap");
+        // Development focus maps
+        mapnik = new OpenLayers.Layer.OSM("OpenStreetMap");
+        wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
+                "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
+
+        // Added extra's
         var google_sat = new OpenLayers.Layer.Google("Google Satellite" , 
            { type: G_SATELLITE_MAP, 
              sphericalMercator: true, 
              maxExtent: world_bound,
-             wrapDateLine: false});
+             wrapDateLine: false,
+           });
         var google_normal = new OpenLayers.Layer.Google("Google Normal" , 
            { type: G_NORMAL_MAP, 
              sphericalMercator: true,
              maxExtent: world_bound,
-             wrapDateLine: false});
-
-        var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
-                "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
-
-        map.addLayers([mapnik, google_sat, wms, google_normal]);
-        //map.setCenter(new OpenLayers.LonLat(4.40,52.186), 9);
-
+             wrapDateLine: false
+           });
+
+        
+        map.addLayers([mapnik, wms, google_sat, google_normal]);
+        setOpacity(0.5);
         defaultFocus();
 
@@ -256 +278 @@
           <li>holding down shift, whilst dragging the mouse to do box zooming</li>
           <li>Keyboard Navigation is enabled</li>
+          <li>Contrast of background: <a title="decrease opacity" href="javascript: changeOpacity(-0.1);">Decrease</a> or <a title="increase opacity" href="javascript: changeOpacity(0.1);">Increase</a></li> 
+
+
         </ul>
       </div>