1 | function init(){
|
---|
2 |
|
---|
3 | var projection_wgs = new OpenLayers.Projection("EPSG:4326"); // WGS 1984
|
---|
4 |
|
---|
5 | map = new OpenLayers.Map('heatmap', {
|
---|
6 | controls: [
|
---|
7 | new OpenLayers.Control.Navigation(),
|
---|
8 | new OpenLayers.Control.PanZoomBar(),
|
---|
9 | new OpenLayers.Control.ScaleLine(),
|
---|
10 | new OpenLayers.Control.LayerSwitcher(),
|
---|
11 | new OpenLayers.Control.MousePosition({ 'displayProjection' : projection_wgs }),
|
---|
12 | ],
|
---|
13 | maxExtent: new OpenLayers.Bounds(-20037508.3427892,-20037508.3427892,20037508.3427892,20037508.3427892),
|
---|
14 | numZoomLevels:16,
|
---|
15 | maxResolution:156543.0339,
|
---|
16 | units:'m',
|
---|
17 | projection: "EPSG:900913",
|
---|
18 | displayProjection: new OpenLayers.Projection("EPSG:4326")
|
---|
19 | });
|
---|
20 |
|
---|
21 | map.events.register('click', map, GetMousePos);
|
---|
22 | function GetMousePos(pos) {
|
---|
23 | var pixbuffer = 100;
|
---|
24 | var sw = map.getLonLatFromPixel(new OpenLayers.Pixel(pos.xy.x+pixbuffer,pos.xy.y-pixbuffer));
|
---|
25 | var ne = map.getLonLatFromPixel(new OpenLayers.Pixel(pos.xy.x-pixbuffer,pos.xy.y+pixbuffer));
|
---|
26 | var pointsw = OpenLayers.Layer.SphericalMercator.inverseMercator(sw.lon, sw.lat);
|
---|
27 | var pointne = OpenLayers.Layer.SphericalMercator.inverseMercator(ne.lon, ne.lat);
|
---|
28 | getNodeList(pointsw, pointne);
|
---|
29 | }
|
---|
30 |
|
---|
31 | layerMapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik");
|
---|
32 | map.addLayer(layerMapnik);
|
---|
33 | layerHeatmap = new OpenLayers.Layer.OSM.Overlay1("Overlay 1", {isBaseLayer: false, visibility: true});
|
---|
34 | map.addLayer(layerHeatmap);
|
---|
35 |
|
---|
36 | layerHeatmap2 = new OpenLayers.Layer.OSM.Overlay2("All Access points", {isBaseLayer: false, visibility: true});
|
---|
37 | map.addLayer(layerHeatmap2);
|
---|
38 |
|
---|
39 | layerHeatmap3 = new OpenLayers.Layer.OSM.Overlay3("Wireless Leiden Only", {isBaseLayer: false, visibility: true});
|
---|
40 | map.addLayer(layerHeatmap3);
|
---|
41 |
|
---|
42 | var lon = 4.48907;
|
---|
43 | var lat = 52.158431;
|
---|
44 | var zoom = 16;
|
---|
45 |
|
---|
46 | var lonLat = new OpenLayers.LonLat(lon, lat).transform(new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject());
|
---|
47 | map.setCenter (lonLat, zoom);
|
---|
48 | }
|
---|
49 |
|
---|
50 | function getNodeList(sw, ne){
|
---|
51 | var nodelist;
|
---|
52 | if (window.XMLHttpRequest){
|
---|
53 | // code for IE7+, Firefox, Chrome, Opera, Safari
|
---|
54 | nodelist=new XMLHttpRequest();
|
---|
55 | }
|
---|
56 | else{
|
---|
57 | // code for IE6, IE5
|
---|
58 | nodelist=new ActiveXObject("Microsoft.XMLHTTP");
|
---|
59 | }
|
---|
60 |
|
---|
61 | nodelist.onreadystatechange=function(){
|
---|
62 | if (nodelist.readyState==4 && nodelist.status==200){
|
---|
63 | txt=nodelist.responseText
|
---|
64 | document.getElementById('nodelist').innerHTML=txt;
|
---|
65 | }
|
---|
66 | }
|
---|
67 |
|
---|
68 | nodelist.open("GET","/website/nodelist/" + sw.lat + "," + sw.lon + "," + ne.lat + "," + ne.lon,true);
|
---|
69 | nodelist.send();
|
---|
70 | }
|
---|