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