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 layers = "";
 128
 129    for (var i=0; i< this.map.layers.length; i++) {
 130       var layer = this.map.layers[i];
 131
 132       if (layer.isBaseLayer) {
 133          layers += (layer == this.map.baseLayer) ? "B" : "0";
 134       } else {
 135          layers += (layer.getVisibility()) ? "T" : "F";
 136       }
 137    }
 138
 139    return layers;
 140 }
 141
 142 function setMapLayers(layers) {
 143    for (var i=0; i < layers.length; i++) {
 144       var layer = map.layers[i];
 145
 146       if (layer) {
 147          var c = layers.charAt(i);
 148
 149          if (c == "B") {
 150             map.setBaseLayer(layer);
 151          } else if ( (c == "T") || (c == "F") ) {
 152             layer.setVisibility(c == "T");
 153          }
 154       }
 155    }
 156 }
 157
 158 function scaleToZoom(scale) {
 159    return Math.log(360.0/(scale * 512.0)) / Math.log(2.0);
 160 }