public/javascripts/map.js

   1 var map;
   2 var markers;
   3 var popup;
   4
   5 function createMap(divName) {
   6    OpenLayers.Util.onImageLoadError = function() {
   7       this.src = OpenLayers.Util.getImagesLocation() + "404.png";
   8    }
   9
  10    map = new OpenLayers.Map(divName,
  11                             { maxExtent: new OpenLayers.Bounds(-20037508,-20037508,20037508,20037508),
  12                               numZoomLevels: 19,
  13                               maxResolution: 156543,
  14                               units: 'm',
  15                               projection: "EPSG:41001" });
  16
  17    var mapnik = new OpenLayers.Layer.TMS("Mapnik",
  18                                          ["http://a.tile.openstreetmap.org/","http://b.tile.openstreetmap.org/","http://c.tile.openstreetmap.org/"],
  19                                          { type: 'png', getURL: getTileURL, displayOutsideMaxExtent: true });
  20    map.addLayer(mapnik);
  21
  22    var osmarender = new OpenLayers.Layer.TMS("Osmarender",
  23                                              ["http://a.tah.openstreetmap.org/Tiles/tile.php/","http://b.tah.openstreetmap.org/Tiles/tile.php/","http://c.tah.openstreetmap.org/Tiles/tile.php/"],
  24                                              { type: 'png', getURL: getTileURL, displayOutsideMaxExtent: true });
  25    map.addLayer(osmarender);
  26
  27    markers = new OpenLayers.Layer.Markers("markers", { visibility: false });
  28    map.addLayer(markers);
  29
  30    map.addControl(new OpenLayers.Control.LayerSwitcher());
  31    map.addControl(new OpenLayers.Control.KeyboardDefaults());
  32
  33    return map;
  34 }
  35
  36 function getTileURL(bounds) {
  37    var res = this.map.getResolution();
  38    var x = Math.round((bounds.left - this.maxExtent.left) / (res * this.tileSize.w));
  39    var y = Math.round((this.maxExtent.top - bounds.top) / (res * this.tileSize.h));
  40    var z = this.map.getZoom();
  41    var limit = Math.pow(2, z);
  42
  43    if (y < 0 || y >= limit)
  44    {
  45      return OpenLayers.Util.getImagesLocation() + "404.png";
  46    }
  47    else
  48    {
  49      x = ((x % limit) + limit) % limit;
  50
  51      var url = this.url;
  52      var path = z + "/" + x + "/" + y + "." + this.type;
  53
  54      if (url instanceof Array)
  55      {
  56         url = this.selectUrl(path, url);
  57      }
  58
  59      return url + path;
  60    }
  61 }
  62
  63 function getArrowIcon() {
  64    var size = new OpenLayers.Size(25, 22);
  65    var offset = new OpenLayers.Pixel(-30, -27);
  66    var icon = new OpenLayers.Icon("/images/arrow.png", size, offset);
  67
  68    return icon;
  69 }
  70
  71 function addMarkerToMap(position, icon, description) {
  72    var marker = new OpenLayers.Marker(position, icon);
  73
  74    markers.addMarker(marker);
  75    markers.setVisibility(true);
  76
  77    if (description) {
  78       marker.events.register("click", marker, function() { openMapPopup(marker, description) });
  79    }
  80
  81    return marker;
  82 }
  83
  84 function openMapPopup(marker, description) {
  85    closeMapPopup();
  86
  87    popup = new OpenLayers.Popup.AnchoredBubble("popup", marker.lonlat,
  88                                                sizeMapPopup(description),
  89                                                "<p style='padding-right: 28px'>" + description + "</p>",
  90                                                marker.icon, true);
  91    popup.setBackgroundColor("#E3FFC5");
  92    map.addPopup(popup);
  93
  94    return popup;
  95 }
  96
  97 function closeMapPopup() {
  98    if (popup) {
  99       map.removePopup(popup);
 100       delete popup;
 101    }
 102 }
 103
 104 function sizeMapPopup(text) {
 105    var box = document.createElement("div");
 106
 107    box.innerHTML = text;
 108    box.style.visibility = "hidden";
 109    box.style.position = "absolute";
 110    box.style.top = "0px";
 111    box.style.left = "0px";
 112    box.style.width = "200px";
 113    box.style.height = "auto";
 114
 115    document.body.appendChild(box);
 116
 117    var width = box.offsetWidth;
 118    var height = box.offsetHeight;
 119
 120    document.body.removeChild(box);
 121
 122    return new OpenLayers.Size(width + 30, height + 24);
 123 }
 124
 125 function removeMarkerFromMap(marker){
 126    markers.removeMarker(marker);
 127 }
 128
 129 function getMapLayers() {
 130    var layers = "";
 131
 132    for (var i=0; i< this.map.layers.length; i++) {
 133       var layer = this.map.layers[i];
 134
 135       if (layer.isBaseLayer) {
 136          layers += (layer == this.map.baseLayer) ? "B" : "0";
 137       } else {
 138          layers += (layer.getVisibility()) ? "T" : "F";
 139       }
 140    }
 141
 142    return layers;
 143 }
 144
 145 function setMapLayers(layers) {
 146    for (var i=0; i < layers.length; i++) {
 147       var layer = map.layers[i];
 148       var c = layers.charAt(i);
 149
 150       if (c == "B") {
 151          map.setBaseLayer(layer);
 152       } else if ( (c == "T") || (c == "F") ) {
 153          layer.setVisibility(c == "T");
 154       }
 155    }
 156 }
 157
 158 function mercatorToLonLat(merc) {
 159    var lon = (merc.lon / 20037508.34) * 180;
 160    var lat = (merc.lat / 20037508.34) * 180;
 161
 162    lat = 180/Math.PI * (2 * Math.atan(Math.exp(lat * Math.PI / 180)) - Math.PI / 2);
 163
 164    return new OpenLayers.LonLat(lon, lat);
 165 }
 166
 167 function lonLatToMercator(ll) {
 168    var lon = ll.lon * 20037508.34 / 180;
 169    var lat = Math.log(Math.tan((90 + ll.lat) * Math.PI / 360)) / (Math.PI / 180);
 170
 171    lat = lat * 20037508.34 / 180;
 172
 173    return new OpenLayers.LonLat(lon, lat);
 174 }
 175
 176 function scaleToZoom(scale) {
 177    return Math.log(360.0/(scale * 512.0)) / Math.log(2.0);
 178 }