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