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