public/javascripts/map.js

   1 var map;
   2 var markers;
   3 var popup;
   4
   5 OpenLayers._getScriptLocation = function () {
   6    return "/openlayers/";
   7 }
   8
   9 function createMap(divName) {
  10    map = new OpenLayers.Map(divName);
  11
  12    var mapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik", { displayOutsideMaxExtent: true });
  13    map.addLayer(mapnik);
  14
  15    var osmarender = new OpenLayers.Layer.OSM.Osmarender("Osmarender", { displayOutsideMaxExtent: true });
  16    map.addLayer(osmarender);
  17
  18    var maplint = new OpenLayers.Layer.OSM.Maplint("Maplint", { displayOutsideMaxExtent: true });
  19    map.addLayer(maplint);
  20
  21    var numZoomLevels = Math.max(mapnik.numZoomLevels, osmarender.numZoomLevels);
  22    markers = new OpenLayers.Layer.Markers("Markers", {
  23       displayInLayerSwitcher: false, numZoomLevels: numZoomLevels,
  24       maxExtent: new OpenLayers.Bounds(-20037508,-20037508,20037508,20037508),
  25       maxResolution: 156543,
  26       units: "m",
  27       projection: "EPSG:41001"
  28    });
  29    map.addLayer(markers);
  30
  31    map.addControl(new OpenLayers.Control.LayerSwitcher());
  32    map.addControl(new OpenLayers.Control.KeyboardDefaults());
  33
  34    return map;
  35 }
  36
  37 function getArrowIcon() {
  38    var size = new OpenLayers.Size(25, 22);
  39    var offset = new OpenLayers.Pixel(-30, -27);
  40    var icon = new OpenLayers.Icon("/images/arrow.png", size, offset);
  41
  42    return icon;
  43 }
  44
  45 function addMarkerToMap(position, icon, description) {
  46    var marker = new OpenLayers.Marker(position, icon);
  47
  48    markers.addMarker(marker);
  49
  50    if (description) {
  51       marker.events.register("click", marker, function() { openMapPopup(marker, description) });
  52    }
  53
  54    return marker;
  55 }
  56
  57 function openMapPopup(marker, description) {
  58    closeMapPopup();
  59
  60    popup = new OpenLayers.Popup.AnchoredBubble("popup", marker.lonlat,
  61                                                sizeMapPopup(description),
  62                                                "<p style='padding-right: 28px'>" + description + "</p>",
  63                                                marker.icon, true);
  64    popup.setBackgroundColor("#E3FFC5");
  65    map.addPopup(popup);
  66
  67    return popup;
  68 }
  69
  70 function closeMapPopup() {
  71    if (popup) {
  72       map.removePopup(popup);
  73       delete popup;
  74    }
  75 }
  76
  77 function sizeMapPopup(text) {
  78    var box = document.createElement("div");
  79
  80    box.innerHTML = text;
  81    box.style.visibility = "hidden";
  82    box.style.position = "absolute";
  83    box.style.top = "0px";
  84    box.style.left = "0px";
  85    box.style.width = "200px";
  86    box.style.height = "auto";
  87
  88    document.body.appendChild(box);
  89
  90    var width = box.offsetWidth;
  91    var height = box.offsetHeight;
  92
  93    document.body.removeChild(box);
  94
  95    return new OpenLayers.Size(width + 30, height + 24);
  96 }
  97
  98 function removeMarkerFromMap(marker){
  99    markers.removeMarker(marker);
 100 }
 101
 102 function getMapLayers() {
 103    var layers = "";
 104
 105    for (var i=0; i< this.map.layers.length; i++) {
 106       var layer = this.map.layers[i];
 107
 108       if (layer.isBaseLayer) {
 109          layers += (layer == this.map.baseLayer) ? "B" : "0";
 110       } else {
 111          layers += (layer.getVisibility()) ? "T" : "F";
 112       }
 113    }
 114
 115    return layers;
 116 }
 117
 118 function setMapLayers(layers) {
 119    for (var i=0; i < layers.length; i++) {
 120       var layer = map.layers[i];
 121       var c = layers.charAt(i);
 122
 123       if (c == "B") {
 124          map.setBaseLayer(layer);
 125       } else if ( (c == "T") || (c == "F") ) {
 126          layer.setVisibility(c == "T");
 127       }
 128    }
 129 }
 130
 131 function mercatorToLonLat(merc) {
 132    var lon = (merc.lon / 20037508.34) * 180;
 133    var lat = (merc.lat / 20037508.34) * 180;
 134
 135    lat = 180/Math.PI * (2 * Math.atan(Math.exp(lat * Math.PI / 180)) - Math.PI / 2);
 136
 137    return new OpenLayers.LonLat(lon, lat);
 138 }
 139
 140 function lonLatToMercator(ll) {
 141    var lon = ll.lon * 20037508.34 / 180;
 142    var lat = Math.log(Math.tan((90 + ll.lat) * Math.PI / 360)) / (Math.PI / 180);
 143
 144    lat = lat * 20037508.34 / 180;
 145
 146    return new OpenLayers.LonLat(lon, lat);
 147 }
 148
 149 // for interacting with the PostGIS database which uses non spherical
 150 // Mercator. Taken from Freemap which in turn was taken from a standard
 151 // algorithm off the net.
 152
 153 function lonLatToNonSphericalMercator(ll) {
 154     var custLat  = ll.lat * (Math.PI/180);
 155     var a = 6378137;
 156     var b = 6356752.3142;
 157     var f = (a-b)/a;
 158     var e = Math.sqrt(2*f-Math.pow(f,2));
 159     custLat=a*Math.log(Math.tan(Math.PI/4+custLat/2)*
 160         Math.pow(( (1-e*Math.sin(custLat)) / (1+e*Math.sin(custLat))),e/2));
 161     custLon = ll.lon * (Math.PI/180) * 6378137;
 162     return new OpenLayers.LonLat (custLon,custLat);
 163 }
 164
 165 function nonSphericalMercatorToLonLat(merc) {
 166     var lon_deg, lat_deg;
 167     var a = 6378137.0;
 168     var b = 6356752.3142;
 169     var k0 = 1.0;
 170     var t = 1.0 - b/a;
 171     var es = 2*t - t*t;
 172     var e = Math.sqrt(es);
 173     lon_deg = merc.lon;
 174     lat_deg = merc.lat;
 175     lon_deg /= a;
 176     lat_deg /= a;
 177     lon_deg /= k0;
 178     lat_deg = phi2(Math.exp(-lat_deg/k0), e);
 179     lon_deg *= (180/M_PI);
 180     lat_deg *= (180/M_PI);
 181     return new OpenLayers.LonLat(lon_deg,lat_deg);
 182 }
 183
 184 function phi2 (ts,e) {
 185     var eccnth = 0.5*e;
 186     var Phi = (PI/2) - 2.0*Math.atan(ts);
 187     var dphi;
 188     var i=15;
 189     do {
 190         var con = e*Math.sin(Phi);
 191         dphi = (PI/2) - 2.0*Math.atan(ts*Math.pow((1.0-con)/(1.0+con),eccnth))
 192             - Phi;
 193         Phi += dphi;
 194     }
 195     while(Math.abs(dphi) > 0.0000000001 && --i);
 196     return Phi;
 197 }
 198
 199 function scaleToZoom(scale) {
 200    return Math.log(360.0/(scale * 512.0)) / Math.log(2.0);
 201 }