Changeset 8468 in genesis for nodes/nodemap.html


Ignore:
Timestamp:
Sep 19, 2010, 7:43:41 AM (14 years ago)
Author:
rick
Message:

Make XHTML valid

File:
1 edited

Legend:

Unmodified
Added
Removed

  • nodes/nodemap.html

    r8457 r8468  
    1 <html>
     1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     2        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     3<html xmlns="http://www.w3.org/1999/xhtml">
    24  <head>
    3     <title>Wireless Leiden Nodemap using OpenLayers.org and OpenSteetmap.org</title>
    4     <style type="text/css">
     5   <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
     6   <title>Wireless Leiden Nodemap using OpenLayers.org and OpenSteetmap.org</title>
     7   <style type="text/css">
    58      html, body, #basicMap {
    69          width: 100%;
    … …  
    811          margin: 0;
    912      }
    10     </style>
    11   <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=ABQIAAAAKRiFs2kXKhTkKZkE_ms9rhTdBXm62xfhQU7Dk6ZBFSzYdmSteRQWjLqZhwX8afHvGpd4N3iKql6w8g" type="text/javascript"></script>
     13   </style>
     14   <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=ABQIAAAAKRiFs2kXKhTkKZkE_ms9rhTdBXm62xfhQU7Dk6ZBFSzYdmSteRQWjLqZhwX8afHvGpd4N3iKql6w8g" type="text/javascript" />
     15   <script src="http://openlayers.org/dev/OpenLayers.js" type="text/javascript" />
     16   <script type="text/javascript">
    1217
    13     <script src="http://openlayers.org/dev/OpenLayers.js"</script>
    14 
    15     <script>
     18    <![CDATA[
    1619      var url_pal3 = "http://maps.google.com/mapfiles/kml/pal3/";
    1720      var map, rulerControl, clickControl;
    … …  
    1922      var projection_wgs = new OpenLayers.Projection("EPSG:4326"); // WGS 1984
    2023      var projection_smp = new OpenLayers.Projection("EPSG:900913"); // Spherical Mercator Projection
    21 
     24     
    2225      var current_opacity = 0.5;
    2326      var max_opacity = 0.9;
    2427      var min_opacity = 0.1;
    25 
     28     
    2629      var nodeStatusImg = new Array();
    2730      nodeStatusImg['up'] = 'http://www.google.com/mapfiles/kml/paddle/grn-stars-lv.png';
    … …  
    2932      nodeStatusImg['planned'] = 'http://www.google.com/mapfiles/kml/paddle/wht-stars-lv.png';
    3033      nodeStatusImg['unknown'] = 'http://www.google.com/mapfiles/kml/paddle/wht-stars-lv.png';
    31 
     34     
    3235      function log(message) {
    3336         /* Determine whether Firebug is actually installed and activated before trying to log
    … …  
    3841         }
    3942      }
    40 
     43     
    4144      function isInterlink(feature) {
    4245         return (feature.attributes.name.indexOf('Interlink') != -1);
    4346      }
    44 
     47     
    4548      OpenLayers.Control.Click = OpenLayers.Class(OpenLayers.Control, {               
    4649          defaultHandlerOptions: {
    … …  
    5154              'stopDouble': false
    5255          },
    53 
     56     
    5457          initialize: function(options) {
    5558              this.handlerOptions = OpenLayers.Util.extend(
    … …  
    6568              );
    6669          },
    67 
     70     
    6871          trigger: function(e) {
    6972              var lonlat = map.getLonLatFromViewPortPx(e.xy);
    … …  
    7477              'Copy/paste URL in NEW browser window to get your RDNAP coordinates\n\n'  + url);
    7578          }
    76 
     79     
    7780      });
    78 
    79 
     81     
     82     
    8083      function setOpacity(new_opacity) {
    8184          current_opacity = new_opacity;
    … …  
    8386          wms.setOpacity(new_opacity);
    8487      }
    85 
     88     
    8689      function changeOpacity(by_opacity) {
    8790          var new_opacity = current_opacity + by_opacity;
    … …  
    8992          setOpacity(new_opacity);
    9093      }
    91 
     94     
    9295      function init() {
    9396        map = new OpenLayers.Map("basicMap");
    94 
     97     
    9598        var world_bound = new OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34);
    9699        // Development focus maps
    … …  
    98101        wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
    99102                "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
    100 
     103     
    101104        // Added extra's
    102105        var google_sat = new OpenLayers.Layer.Google("Google Satellite" ,
    … …  
    112115             wrapDateLine: false
    113116           });
    114 
     117     
    115118       
    116119        map.addLayers([mapnik, wms, google_sat, google_normal]);
    117120        setOpacity(0.5);
    118121        defaultFocus();
    119 
    120 
     122     
     123     
    121124        //var pois = new OpenLayers.Layer.Text( "My Points",
    122125        //                   { location:"./textfile.txt",
    … …  
    124127        //                   });
    125128        //map.addLayer(pois);
    126 
     129     
    127130        //function parseKML(req) {
    128131        //  alert(req.responseText);
    129132        //};
    130133        //alert(OpenLayers.loadURL("./kmlfile.kml", "", null, parseKML));
    131 
    132 
     134     
     135     
    133136        function ignoreInterlink(cluster, feature) {
    134137           if (isInterlink(feature)) {
    … …  
    137140             return strategy.shouldClusterOrig(cluster, feature); }
    138141        };
    139 
     142     
    140143        strategy = new OpenLayers.Strategy.Cluster();
    141144        strategy.shouldClusterOrig = strategy.shouldCluster;
    … …  
    143146        strategy.distance = 10;
    144147        strategy.threshold = 2;
    145 
     148     
    146149        //OpenLayers.Feature.Vector.style["default"]);
    147 
     150     
    148151        var symbolizer = new OpenLayers.Style({
    149152            externalGraphic: "${icon}",
    … …  
    178181            }
    179182        });
    180 
     183     
    181184        var styleMap = new OpenLayers.StyleMap({"default": symbolizer, "select": {pointRadius: 16,fillOpacity: 1}});
    182 
     185     
    183186        // Hack to get around all kind of caching fails
    184187        var epoch = new Date().getTime();
    … …  
    194197            });
    195198        map.addLayer(kml);
    196 
     199     
    197200        select = new OpenLayers.Control.SelectFeature(kml);
    198201        kml.events.on( {
    … …  
    202205        map.addControl(select);
    203206        select.activate();
    204 
     207     
    205208        clickControl = new OpenLayers.Control.Click();
    206209        map.addControl(clickControl);
    207210        clickControl.deactivate();
    208 
    209 
     211     
     212     
    210213        var vectors = new OpenLayers.Layer.Vector("Vector Layer")
    211214        map.addLayer(vectors);
    … …  
    218221        map.addControl(new OpenLayers.Control.KeyboardDefaults());
    219222        map.addControl(new OpenLayers.Control.ZoomBox());
    220 
    221 
     223     
     224     
    222225        //var in_options = {
    223226        //  'internalProjection': map.baseLayer.projection,
    … …  
    233236        //// }
    234237        //txtFile.send(null);
    235 
     238     
    236239        //var features = wkt.read(txtFile.responseText.replace(/\n/g,''));
    237240        //var bounds;
    … …  
    252255        //   alert("ERROR in WTK");
    253256        //}
    254 
    255 
     257     
     258     
    256259        // style the sketch fancy
    257260        var sketchSymbolizers = {
    … …  
    293296                }
    294297        );
    295 
     298     
    296299        rulerControl.events.on({
    297300            "measure": handleMeasurements,
    … …  
    300303        map.addControl(rulerControl);
    301304      }
    302 
     305     
    303306      function resize() {
    304307        size = new OpenLayers.Size(size.w + 10, size.h + 10);
    305308        icon.setSize(size);   
    306309      }
    307 
     310     
    308311      function onPopupClose(evt) {
    309312          select.unselectAll();
    310313      }
    311 
    312 
    313 
     314     
     315     
     316     
    314317      function onKMLFeatureSelect(event) {
    315318        var feature = event.feature;
    … …  
    339342        map.addPopup(popup);
    340343      }
    341 
     344     
    342345      function onKMLFeatureUnselect(event) {
    343346        var feature = event.feature;
    … …  
    348351        }
    349352      }
    350 
     353     
    351354      function handleMeasurements(event) {
    352355          // For some reason 'delayed' events get posted even though the object
    … …  
    367370          element.innerHTML = out;
    368371      }
    369 
     372     
    370373      function toggleClickControl() {
    371374          if (!clickControl.active) {
    … …  
    378381          }
    379382      }
    380 
     383     
    381384      function toggleRulerControl() {
    382385          if (!rulerControl.active) {
    … …  
    389392          }
    390393      }
    391 
     394     
    392395      function defaultFocus() {
    393396        map.setCenter(new OpenLayers.LonLat(4.50,52.186) // Center of the map
    … …  
    395398        );
    396399      }
    397 
     400     
    398401      function toggleInfo() {
    399402        var e = document.getElementById('infofield');
    … …  
    404407        };
    405408      }
    406 
    407      function coordConvert(lam, phi) {
     409     
     410      function coordConvert(lam, phi) {
    408411        var lam_deg = Math.floor(lam);
    409412        var t = (lam - lam_deg) * 60;
    410413        var lam_min = Math.floor(t);
    411414        var lam_sec = (t - lam_min) * 60;
    412 
     415     
    413416        var phi_deg = Math.floor(phi);
    414417        var t = (phi - phi_deg) * 60;
    … …  
    426429        return(url);
    427430      }
     431     
     432      // http://openlayers.org/dev/examples/strategy-cluster-threshold.html
     433]]>
    428434
     435</script>
    429436
    430       // http://openlayers.org/dev/examples/strategy-cluster-threshold.html
    431     </script>
    432437  </head>
    433438  <body onload="init();">
    434439    <div id="basicMap">
    435440      <div id="controller" style="position: absolute; top: 10px; left : 80px; z-index:1004">
    436           <img id="ruler" src="ruler_off.png" onClick="toggleRulerControl()" />
    437           <img height="22" src="http://maps.google.com/mapfiles/kml/pal3/icon23.png" title="Reset focus" onclick="defaultFocus()"/>
    438           <img height="22" src="http://maps.google.com/mapfiles/kml/pal3/icon36.png" title="Information" onclick="toggleInfo()" />
    439           <img id="click" height="22" src="http://maps.google.com/mapfiles/kml/pal3/icon28.png" title="Coordinate converter" onclick="toggleClickControl()" />
     441          <img id="ruler" src="ruler_off.png" onclick="toggleRulerControl()" alt="ruler"/>
     442          <img height="22" src="http://maps.google.com/mapfiles/kml/pal3/icon23.png" title="Reset focus" onclick="defaultFocus()" alt="Focus reset" />
     443          <img height="22"
     444                  src="http://maps.google.com/mapfiles/kml/pal3/icon36.png"
     445                  title="Information" onclick="toggleInfo()" alt="information" />
     446          <img id="click" height="22"
     447                  src="http://maps.google.com/mapfiles/kml/pal3/icon28.png"
     448                  title="Coordinate converter" onclick="toggleClickControl()"
     449                  alt="coordinate converter"/>
    440450          <div id="output"></div>
    441451      </div>
Note: See TracChangeset for help on using the changeset viewer.