public/javascripts/map.js

   1 var epsg4326 = new OpenLayers.Projection("EPSG:4326");
   2 var map;
   3 var markers;
   4 var vectors;
   5 var popup;
   6
   7 var nonamekeys = {
   8    'openstreetmap.org': '2f59745a6b525b4ebdb100891d5b6711',
   9    'www.openstreetmap.org': 'fd093e52f0965d46bb1c6c6281022199',
  10    'openstreetmap.com': '4c60e7f5f31c576a9bb8da71c8d61152',
  11    'www.openstreetmap.com': '142f25a0770a51a9a400b3513834a199',
  12    'openstreetmap.net': '687c58fd1d715596bfc94abe653d8ac0',
  13    'www.openstreetmap.net': '0bd1654141c85d30b9c2ccdb5302f2e4'
  14 };
  15
  16 OpenLayers._getScriptLocation = function () {
  17   // Should really have this file as an erb, so that this can return
  18   // the real rails root
  19    return "/openlayers/";
  20 }
  21
  22 function createMap(divName, options) {
  23    options = options || {};
  24
  25    map = new OpenLayers.Map(divName, {
  26       controls: options.controls || [
  27          new OpenLayers.Control.ArgParser(),
  28          new OpenLayers.Control.Attribution(),
  29          new OpenLayers.Control.LayerSwitcher(),
  30          new OpenLayers.Control.Navigation(),
  31          new OpenLayers.Control.PanZoomBar(),
  32          new OpenLayers.Control.ScaleLine()
  33       ],
  34       units: "m",
  35       maxResolution: 156543.0339,
  36       numZoomLevels: 20,
  37       displayProjection: new OpenLayers.Projection("EPSG:4326")
  38    });
  39
  40    var mapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik", {
  41       displayOutsideMaxExtent: true,
  42       wrapDateLine: true
  43    });
  44    map.addLayer(mapnik);
  45
  46    var osmarender = new OpenLayers.Layer.OSM.Osmarender("Osmarender", {
  47       displayOutsideMaxExtent: true,
  48       wrapDateLine: true
  49    });
  50    map.addLayer(osmarender);
  51
  52    var cyclemap = new OpenLayers.Layer.OSM.CycleMap("Cycle Map", {
  53       displayOutsideMaxExtent: true,
  54       wrapDateLine: true
  55    });
  56    map.addLayer(cyclemap);
  57
  58    var nonamekey = nonamekeys[document.domain];
  59    var noname = new OpenLayers.Layer.OSM("NoName", [
  60       "http://a.tile.cloudmade.com/" + nonamekey + "/3/256/${z}/${x}/${y}.png",
  61       "http://b.tile.cloudmade.com/" + nonamekey + "/3/256/${z}/${x}/${y}.png",
  62       "http://c.tile.cloudmade.com/" + nonamekey + "/3/256/${z}/${x}/${y}.png"
  63    ], {
  64       displayOutsideMaxExtent: true,
  65       wrapDateLine: true,
  66       numZoomLevels: 19
  67    });
  68    map.addLayer(noname);
  69
  70    var maplint = new OpenLayers.Layer.OSM.Maplint("Maplint", {
  71       displayOutsideMaxExtent: true,
  72       wrapDateLine: true
  73    });
  74    map.addLayer(maplint);
  75
  76    var numZoomLevels = Math.max(mapnik.numZoomLevels, osmarender.numZoomLevels);
  77
  78    markers = new OpenLayers.Layer.Markers("Markers", {
  79       displayInLayerSwitcher: false,
  80       numZoomLevels: numZoomLevels,
  81       maxExtent: new OpenLayers.Bounds(-20037508,-20037508,20037508,20037508),
  82       maxResolution: 156543,
  83       units: "m",
  84       projection: "EPSG:900913"
  85    });
  86    map.addLayer(markers);
  87
  88    return map;
  89 }
  90
  91 function getArrowIcon() {
  92    var size = new OpenLayers.Size(25, 22);
  93    var offset = new OpenLayers.Pixel(-30, -27);
  94    var icon = new OpenLayers.Icon("/images/arrow.png", size, offset);
  95
  96    return icon;
  97 }
  98
  99 function addMarkerToMap(position, icon, description) {
 100    var marker = new OpenLayers.Marker(position.clone().transform(epsg4326, map.getProjectionObject()), icon);
 101
 102    markers.addMarker(marker);
 103
 104    if (description) {
 105       marker.events.register("click", marker, function() { openMapPopup(marker, description) });
 106    }
 107
 108    return marker;
 109 }
 110
 111 function addObjectToMap(url, zoom, callback) {
 112    var layer = new OpenLayers.Layer.GML("Objects", url, {
 113       format: OpenLayers.Format.OSM,
 114       style: {
 115           strokeColor: "blue",
 116           strokeWidth: 3,
 117           strokeOpacity: 0.5,
 118           fillOpacity: 0.2,
 119           fillColor: "lightblue",
 120           pointRadius: 6
 121       },
 122       projection: new OpenLayers.Projection("EPSG:4326"),
 123       displayInLayerSwitcher: false
 124    });
 125
 126    layer.events.register("loadend", layer, function() {
 127       var extent;
 128
 129       if (this.features.length) {
 130          extent = this.features[0].geometry.getBounds();
 131
 132          for (var i = 1; i < this.features.length; i++) {
 133             extent.extend(this.features[i].geometry.getBounds());
 134          }
 135
 136          if (zoom) {
 137             if (extent) {
 138                this.map.zoomToExtent(extent);
 139             } else {
 140                this.map.zoomToMaxExtent();
 141             }
 142          }
 143       }
 144
 145       if (callback) {
 146          callback(extent);
 147       }
 148    });
 149
 150    map.addLayer(layer);
 151
 152    layer.loadGML();
 153 }
 154
 155 function addBoxToMap(boxbounds) {
 156    if(!vectors) {
 157      // Be aware that IE requires Vector layers be initialised on page load, and not under deferred script conditions
 158      vectors = new OpenLayers.Layer.Vector("Box Layer", {
 159         displayInLayerSwitcher: false
 160      });
 161      map.addLayer(vectors);
 162    }
 163    var geometry = boxbounds.toGeometry().transform(epsg4326, map.getProjectionObject());
 164    var box = new OpenLayers.Feature.Vector(geometry, {}, {
 165       strokeWidth: 2,
 166       strokeColor: '#ee9900',
 167       fillOpacity: 0
 168    });
 169
 170    vectors.addFeatures(box);
 171
 172    return box;
 173 }
 174
 175 function openMapPopup(marker, description) {
 176    closeMapPopup();
 177
 178    popup = new OpenLayers.Popup.AnchoredBubble("popup", marker.lonlat, null,
 179                                                description, marker.icon, true);
 180    popup.setBackgroundColor("#E3FFC5");
 181    popup.autoSize = true;
 182    map.addPopup(popup);
 183
 184    return popup;
 185 }
 186
 187 function closeMapPopup() {
 188    if (popup) {
 189       map.removePopup(popup);
 190       delete popup;
 191    }
 192 }
 193
 194 function removeMarkerFromMap(marker){
 195    markers.removeMarker(marker);
 196 }
 197
 198 function removeBoxFromMap(box){
 199    vectors.removeFeature(box);
 200 }
 201
 202 function getMapCenter(center, zoom) {
 203    return map.getCenter().clone().transform(map.getProjectionObject(), epsg4326);
 204 }
 205
 206 function setMapCenter(center, zoom) {
 207    zoom = parseInt(zoom);
 208    var numzoom = map.getNumZoomLevels();
 209    if (zoom >= numzoom) zoom = numzoom - 1;
 210    map.setCenter(center.clone().transform(epsg4326, map.getProjectionObject()), zoom);
 211 }
 212
 213 function setMapExtent(extent) {
 214    map.zoomToExtent(extent.clone().transform(epsg4326, map.getProjectionObject()));
 215 }
 216
 217 function getMapExtent() {
 218    return map.getExtent().clone().transform(map.getProjectionObject(), epsg4326);
 219 }
 220
 221 function getEventPosition(event) {
 222    return map.getLonLatFromViewPortPx(event.xy).clone().transform(map.getProjectionObject(), epsg4326);
 223 }
 224
 225 function getMapLayers() {
 226    var layerConfig = "";
 227
 228    for (var layers = map.getLayersBy("isBaseLayer", true), i = 0; i < layers.length; i++) {
 229       layerConfig += layers[i] == map.baseLayer ? "B" : "0";
 230    }
 231
 232    for (var layers = map.getLayersBy("isBaseLayer", false), i = 0; i < layers.length; i++) {
 233       layerConfig += layers[i].getVisibility() ? "T" : "F";
 234    }
 235
 236    return layerConfig;
 237 }
 238
 239 function setMapLayers(layerConfig) {
 240    var l = 0;
 241
 242    for (var layers = map.getLayersBy("isBaseLayer", true), i = 0; i < layers.length; i++) {
 243       var c = layerConfig.charAt(l++);
 244
 245       if (c == "B") {
 246          map.setBaseLayer(layers[i]);
 247       }
 248    }
 249
 250    while (layerConfig.charAt(l) == "B" || layerConfig.charAt(l) == "0") {
 251       l++;
 252    }
 253
 254    for (var layers = map.getLayersBy("isBaseLayer", false), i = 0; i < layers.length; i++) {
 255       var c = layerConfig.charAt(l++);
 256
 257       if (c == "T") {
 258          layers[i].setVisibility(true);
 259       } else if(c == "F") {
 260          layers[i].setVisibility(false);
 261       }
 262    }
 263 }
 264
 265 function scaleToZoom(scale) {
 266    return Math.log(360.0/(scale * 512.0)) / Math.log(2.0);
 267 }