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