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