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://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://dev.openstreetmap.org/~ojw/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
  32    return map;
  33 }
  34
  35 function getTileURL(bounds) {
  36    var res = this.map.getResolution();
  37    var x = Math.round((bounds.left - this.maxExtent.left) / (res * this.tileSize.w));
  38    var y = Math.round((this.maxExtent.top - bounds.top) / (res * this.tileSize.h));
  39    var z = this.map.getZoom();
  40    var limit = Math.pow(2, z);
  41
  42    if (y < 0 || y >= limit)
  43    {
  44      return OpenLayers.Util.getImagesLocation() + "404.png";
  45    }
  46    else
  47    {
  48      x = ((x % limit) + limit) % limit;
  49
  50      return this.url + z + "/" + x + "/" + y + "." + this.type;
  51    }
  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    markers.setVisibility(true);
  67
  68    if (description) {
  69       marker.events.register("click", marker, function() { openMapPopup(marker, description) });
  70    }
  71
  72    return marker;
  73 }
  74
  75 function openMapPopup(marker, description) {
  76 //   var box = document.createElement("div");
  77 //   box.innerHTML = description;
  78 //   box.style.display = 'none';
  79 //   box.style.width = "200px";
  80 //   document.body.appendChild(box);
  81
  82    closeMapPopup();
  83
  84    popup = new OpenLayers.Popup.AnchoredBubble("popup", marker.lonlat,
  85                                                new OpenLayers.Size(200, 50),
  86                                                "<p>" + description + "</p>",
  87                                                marker.icon, true);
  88    popup.setBackgroundColor("#E3FFC5");
  89    map.addPopup(popup);
  90
  91    return popup;
  92 }
  93
  94 function closeMapPopup() {
  95    if (popup) {
  96       map.removePopup(popup);
  97       delete popup;
  98    }
  99 }
 100
 101 function removeMarkerFromMap(marker){
 102    markers.removeMarker(marker);
 103 }
 104
 105 function getMapLayers() {
 106    var layers = "";
 107
 108    for (var i=0; i< this.map.layers.length; i++) {
 109       var layer = this.map.layers[i];
 110
 111       if (layer.isBaseLayer) {
 112          layers += (layer == this.map.baseLayer) ? "B" : "0";
 113       } else {
 114          layers += (layer.getVisibility()) ? "T" : "F";
 115       }
 116    }
 117
 118    return layers;
 119 }
 120
 121 function setMapLayers(layers) {
 122    for (var i=0; i < layers.length; i++) {
 123       var layer = map.layers[i];
 124       var c = layers.charAt(i);
 125
 126       if (c == "B") {
 127          map.setBaseLayer(layer);
 128       } else if ( (c == "T") || (c == "F") ) {
 129          layer.setVisibility(c == "T");
 130       }
 131    }
 132 }
 133
 134 function mercatorToLonLat(merc) {
 135    var lon = (merc.lon / 20037508.34) * 180;
 136    var lat = (merc.lat / 20037508.34) * 180;
 137
 138    lat = 180/Math.PI * (2 * Math.atan(Math.exp(lat * Math.PI / 180)) - Math.PI / 2);
 139
 140    return new OpenLayers.LonLat(lon, lat);
 141 }
 142
 143 function lonLatToMercator(ll) {
 144    var lon = ll.lon * 20037508.34 / 180;
 145    var lat = Math.log(Math.tan((90 + ll.lat) * Math.PI / 360)) / (Math.PI / 180);
 146
 147    lat = lat * 20037508.34 / 180;
 148
 149    return new OpenLayers.LonLat(lon, lat);
 150 }
 151
 152 function scaleToZoom(scale) {
 153    return Math.log(360.0/(scale * 512.0)) / Math.log(2.0);
 154 }