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