public/javascripts/map.js

   1 var epsg4326 = new OpenLayers.Projection("EPSG:4326");
   2 var map;
   3 var markers;
   4 var popup;
   5
   6 OpenLayers._getScriptLocation = function () {
   7    return "/openlayers/";
   8 }
   9
  10 function createMap(divName, options) {
  11    options = options || {};
  12
  13    map = new OpenLayers.Map(divName, {
  14       controls: options.controls || [
  15          new OpenLayers.Control.ArgParser(),
  16          new OpenLayers.Control.Attribution(),
  17          new OpenLayers.Control.LayerSwitcher(),
  18          new OpenLayers.Control.Navigation(),
  19          new OpenLayers.Control.PanZoomBar(),
  20          new OpenLayers.Control.ScaleLine()
  21       ],
  22       units: "m",
  23       maxResolution: 156543.0339,
  24       numZoomLevels: 20
  25    });
  26
  27    var mapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik", {
  28       displayOutsideMaxExtent: true,
  29       wrapDateLine: true
  30    });
  31    map.addLayer(mapnik);
  32
  33    var osmarender = new OpenLayers.Layer.OSM.Osmarender("Osmarender", {
  34       displayOutsideMaxExtent: true,
  35       wrapDateLine: true
  36    });
  37    map.addLayer(osmarender);
  38
  39    var cyclemap = new OpenLayers.Layer.OSM.CycleMap("Cycle Map", {
  40       displayOutsideMaxExtent: true,
  41       wrapDateLine: true
  42    });
  43    map.addLayer(cyclemap);
  44
  45    var maplint = new OpenLayers.Layer.OSM.Maplint("Maplint", {
  46       displayOutsideMaxExtent: true,
  47       wrapDateLine: true
  48    });
  49    map.addLayer(maplint);
  50
  51    var numZoomLevels = Math.max(mapnik.numZoomLevels, osmarender.numZoomLevels);
  52    markers = new OpenLayers.Layer.Markers("Markers", {
  53       displayInLayerSwitcher: false,
  54       numZoomLevels: numZoomLevels,
  55       maxExtent: new OpenLayers.Bounds(-20037508,-20037508,20037508,20037508),
  56       maxResolution: 156543,
  57       units: "m",
  58       projection: "EPSG:900913"
  59    });
  60    map.addLayer(markers);
  61
  62    return map;
  63 }
  64
  65 function getArrowIcon() {
  66    var size = new OpenLayers.Size(25, 22);
  67    var offset = new OpenLayers.Pixel(-30, -27);
  68    var icon = new OpenLayers.Icon("/images/arrow.png", size, offset);
  69
  70    return icon;
  71 }
  72
  73 function addMarkerToMap(position, icon, description) {
  74    var marker = new OpenLayers.Marker(position.clone().transform(epsg4326, map.getProjectionObject()), icon);
  75
  76    markers.addMarker(marker);
  77
  78    if (description) {
  79       marker.events.register("click", marker, function() { openMapPopup(marker, description) });
  80    }
  81
  82    return marker;
  83 }
  84
  85 function openMapPopup(marker, description) {
  86    closeMapPopup();
  87
  88    popup = new OpenLayers.Popup.AnchoredBubble("popup", marker.lonlat, null,
  89                                                description, marker.icon, true);
  90    popup.setBackgroundColor("#E3FFC5");
  91    popup.autoSize = true;
  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 removeMarkerFromMap(marker){
 105    markers.removeMarker(marker);
 106 }
 107
 108 function getMapCenter(center, zoom) {
 109    return map.getCenter().clone().transform(map.getProjectionObject(), epsg4326);
 110 }
 111
 112 function setMapCenter(center, zoom) {
 113    map.setCenter(center.clone().transform(epsg4326, map.getProjectionObject()), zoom);
 114 }
 115
 116 function setMapExtent(extent) {
 117    map.zoomToExtent(extent.clone().transform(epsg4326, map.getProjectionObject()));
 118 }
 119
 120 function getMapExtent(extent) {
 121    return map.getExtent().clone().transform(map.getProjectionObject(), epsg4326);
 122 }
 123
 124 function getEventPosition(event) {
 125    return map.getLonLatFromViewPortPx(event.xy).clone().transform(map.getProjectionObject(), epsg4326);
 126 }
 127
 128 function getMapLayers() {
 129    var layerConfig = "";
 130
 131    for (var layers = map.getLayersBy("isBaseLayer", true), i = 0; i < layers.length; i++) {
 132       layerConfig += layers[i] == map.baseLayer ? "B" : "0";
 133    }
 134
 135    for (var layers = map.getLayersBy("isBaseLayer", false), i = 0; i < layers.length; i++) {
 136       layerConfig += layers[i].getVisibility() ? "T" : "F";
 137    }
 138
 139    return layerConfig;
 140 }
 141
 142 function setMapLayers(layerConfig) {
 143    var l = 0;
 144
 145    for (var layers = map.getLayersBy("isBaseLayer", true), i = 0; i < layers.length; i++) {
 146       var c = layerConfig.charAt(l++);
 147
 148       if (c == "B") {
 149          map.setBaseLayer(layers[i]);
 150       }
 151    }
 152
 153    while (layerConfig.charAt(l) == "B" || layerConfig.charAt(l) == "0") {
 154       l++;
 155    }
 156
 157    for (var layers = map.getLayersBy("isBaseLayer", false), i = 0; i < layers.length; i++) {
 158       var c = layerConfig.charAt(l++);
 159
 160       if (c == "T") {
 161          layers[i].setVisibility(true);
 162       } else if(c == "F") {
 163          layers[i].setVisibility(false);
 164       }
 165    }
 166 }
 167
 168 function scaleToZoom(scale) {
 169    return Math.log(360.0/(scale * 512.0)) / Math.log(2.0);
 170 }