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