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       controls: [
  12          new OpenLayers.Control.ArgParser(),
  13          new OpenLayers.Control.Attribution(),
  14          new OpenLayers.Control.LayerSwitcher(),
  15          new OpenLayers.Control.Navigation(),
  16          new OpenLayers.Control.PanZoomBar()
  17       ]
  18    });
  19
  20    var mapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik", {
  21       displayOutsideMaxExtent: true,
  22       wrapDateLine: true
  23    });
  24    map.addLayer(mapnik);
  25
  26    var osmarender = new OpenLayers.Layer.OSM.Osmarender("Osmarender", {
  27       displayOutsideMaxExtent: true,
  28       wrapDateLine: true
  29    });
  30    map.addLayer(osmarender);
  31
  32    var mapnik_local = new OpenLayers.Layer.OSM("Mapnik (Local)", "http://bericote.uk.cyberscience.com/tiles/", {
  33       displayOutsideMaxExtent: true,
  34       wrapDateLine: true
  35    });
  36    map.addLayer(mapnik_local);
  37
  38    var maplint = new OpenLayers.Layer.OSM.Maplint("Maplint", {
  39       displayOutsideMaxExtent: true,
  40       wrapDateLine: true
  41    });
  42    map.addLayer(maplint);
  43
  44    var numZoomLevels = Math.max(mapnik.numZoomLevels, osmarender.numZoomLevels);
  45    markers = new OpenLayers.Layer.Markers("Markers", {
  46       displayInLayerSwitcher: false,
  47       numZoomLevels: numZoomLevels,
  48       maxExtent: new OpenLayers.Bounds(-20037508,-20037508,20037508,20037508),
  49       maxResolution: 156543,
  50       units: "m",
  51       projection: "EPSG:900913"
  52    });
  53    map.addLayer(markers);
  54
  55    return map;
  56 }
  57
  58 function getArrowIcon() {
  59    var size = new OpenLayers.Size(25, 22);
  60    var offset = new OpenLayers.Pixel(-30, -27);
  61    var icon = new OpenLayers.Icon("/images/arrow.png", size, offset);
  62
  63    return icon;
  64 }
  65
  66 function addMarkerToMap(position, icon, description) {
  67    var marker = new OpenLayers.Marker(position, icon);
  68
  69    markers.addMarker(marker);
  70
  71    if (description) {
  72       marker.events.register("click", marker, function() { openMapPopup(marker, description) });
  73    }
  74
  75    return marker;
  76 }
  77
  78 function openMapPopup(marker, description) {
  79    closeMapPopup();
  80
  81    popup = new OpenLayers.Popup.AnchoredBubble("popup", marker.lonlat,
  82                                                sizeMapPopup(description),
  83                                                "<p style='padding-right: 28px'>" + description + "</p>",
  84                                                marker.icon, true);
  85    popup.setBackgroundColor("#E3FFC5");
  86    map.addPopup(popup);
  87
  88    return popup;
  89 }
  90
  91 function closeMapPopup() {
  92    if (popup) {
  93       map.removePopup(popup);
  94       delete popup;
  95    }
  96 }
  97
  98 function sizeMapPopup(text) {
  99    var box = document.createElement("div");
 100
 101    box.innerHTML = text;
 102    box.style.visibility = "hidden";
 103    box.style.position = "absolute";
 104    box.style.top = "0px";
 105    box.style.left = "0px";
 106    box.style.width = "200px";
 107    box.style.height = "auto";
 108
 109    document.body.appendChild(box);
 110
 111    var width = box.offsetWidth;
 112    var height = box.offsetHeight;
 113
 114    document.body.removeChild(box);
 115
 116    return new OpenLayers.Size(width + 30, height + 24);
 117 }
 118
 119 function removeMarkerFromMap(marker){
 120    markers.removeMarker(marker);
 121 }
 122
 123 function getMapLayers() {
 124    var layers = "";
 125
 126    for (var i=0; i< this.map.layers.length; i++) {
 127       var layer = this.map.layers[i];
 128
 129       if (layer.isBaseLayer) {
 130          layers += (layer == this.map.baseLayer) ? "B" : "0";
 131       } else {
 132          layers += (layer.getVisibility()) ? "T" : "F";
 133       }
 134    }
 135
 136    return layers;
 137 }
 138
 139 function setMapLayers(layers) {
 140    for (var i=0; i < layers.length; i++) {
 141       var layer = map.layers[i];
 142       var c = layers.charAt(i);
 143
 144       if (c == "B") {
 145          map.setBaseLayer(layer);
 146       } else if ( (c == "T") || (c == "F") ) {
 147          layer.setVisibility(c == "T");
 148       }
 149    }
 150 }
 151
 152 function mercatorToLonLat(merc) {
 153    var lon = (merc.lon / 20037508.34) * 180;
 154    var lat = (merc.lat / 20037508.34) * 180;
 155
 156    lat = 180/Math.PI * (2 * Math.atan(Math.exp(lat * Math.PI / 180)) - Math.PI / 2);
 157
 158    return new OpenLayers.LonLat(lon, lat);
 159 }
 160
 161 function lonLatToMercator(ll) {
 162    var lon = ll.lon * 20037508.34 / 180;
 163    var lat = Math.log(Math.tan((90 + ll.lat) * Math.PI / 360)) / (Math.PI / 180);
 164
 165    lat = lat * 20037508.34 / 180;
 166
 167    return new OpenLayers.LonLat(lon, lat);
 168 }
 169
 170 function scaleToZoom(scale) {
 171    return Math.log(360.0/(scale * 512.0)) / Math.log(2.0);
 172 }