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