Changeset 8304 in genesis for nodes/nodemap.html

Timestamp:

Aug 10, 2010, 7:18:58 PM (14 years ago)

Author:

rick

Message:

RD to GPS coordinate convertion hack

File:

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

nodes/nodemap.html

@@ -15 +15 @@
 
     <script>
-      var map, rulerControl;
+      var url_pal3 = "http://maps.google.com/mapfiles/kml/pal3/";
+      var map, rulerControl, clickControl;
       var mapnik, wms;
       var projection_wgs = new OpenLayers.Projection("EPSG:4326"); // WGS 1984
@@ -23 +24 @@
       var max_opacity = 0.9;
       var min_opacity = 0.1;
+
+      OpenLayers.Control.Click = OpenLayers.Class(OpenLayers.Control, {                
+          defaultHandlerOptions: {
+              'single': true,
+              'double': false,
+              'pixelTolerance': 0,
+              'stopSingle': false,
+              'stopDouble': false
+          },
+
+          initialize: function(options) {
+              this.handlerOptions = OpenLayers.Util.extend(
+                  {}, this.defaultHandlerOptions
+              );
+              OpenLayers.Control.prototype.initialize.apply(
+                  this, arguments
+              ); 
+              this.handler = new OpenLayers.Handler.Click(
+                  this, {
+                      'click': this.trigger
+                  }, this.handlerOptions
+              );
+          }, 
+
+          trigger: function(e) {
+              var lonlat = map.getLonLatFromViewPortPx(e.xy);
+              lonlat = lonlat.transform( projection_smp, projection_wgs);
+              var url = coordConvert(lonlat.lon, lonlat.lat);
+              alert("You clicked near " + lonlat.lon + " N, " +
+                                        + lonlat.lat + " E\n\n" +
+              'Copy/paste URL in NEW browser window to get your RDNAP coordinates\n\n'  + url);
+          }
+
+      });
 
 
@@ -95 +130 @@
         select.activate();
 
+        clickControl = new OpenLayers.Control.Click();
+        map.addControl(clickControl);
+        clickControl.deactivate();
+
+
         var vectors = new OpenLayers.Layer.Vector("Vector Layer")
         map.addLayer(vectors);
@@ -105 +145 @@
         map.addControl(new OpenLayers.Control.KeyboardDefaults());
         map.addControl(new OpenLayers.Control.ZoomBox());
+
+
+        var selectCtrl = new OpenLayers.Control.SelectFeature(vectors,
+            {clickout: true}
+        );
+        map.addControl(selectCtrl);
+        selectCtrl.activate();
+
 
         //var in_options = {
@@ -237 +285 @@
       }
 
+      function toggleClickControl() {
+          if (!clickControl.active) {
+             clickControl.activate();
+             document.getElementById('click').src = url_pal3 + "icon32.png";
+          } else {
+             clickControl.deactivate();
+             document.getElementById('click').src = url_pal3 + "icon28.png";
+             
+          }
+      }
+
       function toggleRulerControl() {
           if (!rulerControl.active) {
@@ -244 +303 @@
              rulerControl.deactivate();
              document.getElementById('ruler').src = "ruler_off.png";
-             document.getElementById('output').innerHTML = "";
-             
-          }
-      }
+          }
+      }
+
       function defaultFocus() {
         map.setCenter(new OpenLayers.LonLat(4.50,52.186) // Center of the map
@@ -263 +321 @@
       }
 
+     function coordConvert(lam, phi) {
+        var lam_deg = Math.floor(lam);
+        var t = (lam - lam_deg) * 60;
+        var lam_min = Math.floor(t);
+        var lam_sec = (t - lam_min) * 60;
+
+        var phi_deg = Math.floor(phi);
+        var t = (phi - phi_deg) * 60;
+        var phi_min = Math.floor(t);
+        var phi_sec = (t - phi_min) * 60;
+        
+        var url = "http://www.rdnap.nl/cgi-bin/rdetrs.pl?func=etrs2rd&h=0" +
+            "&lam_deg=" + lam_deg +
+            "&lam_min=" + lam_min +
+            "&lam_sec=" + lam_sec +
+            "&phi_deg=" + phi_deg +
+            "&phi_min=" + phi_min +
+            "&phi_sec=" + phi_sec 
+            ;
+        return(url);
+      }
+
+
       // http://openlayers.org/dev/examples/strategy-cluster-threshold.html
     </script>
@@ -270 +351 @@
       <div id="controller" style="position: absolute; top: 10px; left : 80px; z-index:1004">
           <img id="ruler" src="ruler_off.png" onClick="toggleRulerControl()" />
-          <img height="22" src="http://maps.google.com/mapfiles/kml/pal3/icon20.png" alt="Reset focus" onclick="defaultFocus()"/>
-          <img height="22" src="http://maps.google.com/mapfiles/kml/pal3/icon36.png" alt="Information" onclick="toggleInfo()" />
+          <img height="22" src="http://maps.google.com/mapfiles/kml/pal3/icon23.png" title="Reset focus" onclick="defaultFocus()"/>
+          <img height="22" src="http://maps.google.com/mapfiles/kml/pal3/icon36.png" title="Information" onclick="toggleInfo()" />
+          <img id="click" height="22" src="http://maps.google.com/mapfiles/kml/pal3/icon28.png" title="Coordinate converter" onclick="toggleClickControl()" />
           <div id="output"></div>
       </div>