Update OpenLayers to 2.12
[rails.git] / app / assets / javascripts / map.js.erb
1 var epsg4326 = new OpenLayers.Projection("EPSG:4326");
2 var map;
3 var markers;
4 var vectors;
5 var popup;
6
7 function createMap(divName, options) {
8    options = options || {};
9
10    map = new OpenLayers.Map(divName, {
11       controls: options.controls || [
12          new OpenLayers.Control.ArgParser(),
13          new OpenLayers.Control.Attribution(),
14          new SimpleLayerSwitcher(),
15          new OpenLayers.Control.Navigation(),
16          new OpenLayers.Control.PanZoom(),
17          new OpenLayers.Control.PanZoomBar(),
18          new OpenLayers.Control.ScaleLine({geodesic: true})
19       ],
20       numZoomLevels: 20,
21       displayProjection: new OpenLayers.Projection("EPSG:4326"),
22       theme: "<%= asset_path 'theme/default/style.css' %>"
23    });
24
25    var mapnik = new OpenLayers.Layer.OSM.Mapnik(i18n("javascripts.map.base.standard"), {
26       attribution: "",
27       keyid: "mapnik",
28       displayOutsideMaxExtent: true,
29       wrapDateLine: true,
30       layerCode: "M"
31    });
32    map.addLayer(mapnik);
33
34    var cyclemap = new OpenLayers.Layer.OSM.CycleMap(i18n("javascripts.map.base.cycle_map"), {
35       attribution: "Tiles courtesy of <a href='http://www.opencyclemap.org/' target='_blank'>Andy Allan</a>",
36       keyid: "cyclemap",
37       displayOutsideMaxExtent: true,
38       wrapDateLine: true,
39       layerCode: "C"
40    });
41    map.addLayer(cyclemap);
42
43    var transportmap = new OpenLayers.Layer.OSM.TransportMap(i18n("javascripts.map.base.transport_map"), {
44       attribution: "Tiles courtesy of <a href='http://www.opencyclemap.org/' target='_blank'>Andy Allan</a>",
45       keyid: "transportmap",
46       displayOutsideMaxExtent: true,
47       wrapDateLine: true,
48       layerCode: "T"
49    });
50    map.addLayer(transportmap);
51
52    var mapquest = new OpenLayers.Layer.OSM(i18n("javascripts.map.base.mapquest"), [
53       "http://otile1.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png",
54       "http://otile2.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png",
55       "http://otile3.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png",
56       "http://otile4.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png"
57    ], {
58       attribution: "Tiles courtesy of <a href='http://www.mapquest.com/' target='_blank'>MapQuest</a> <img src='http://developer.mapquest.com/content/osm/mq_logo.png'>",
59       keyid: "mapquest",
60       displayOutsideMaxExtent: true,
61       wrapDateLine: true,
62       numZoomLevels: 19,
63       layerCode: "Q"
64    });
65    map.addLayer(mapquest);
66
67    markers = new OpenLayers.Layer.Markers("Markers", {
68       displayInLayerSwitcher: false,
69       numZoomLevels: 20,
70       maxExtent: new OpenLayers.Bounds(-20037508,-20037508,20037508,20037508),
71       projection: "EPSG:900913"
72    });
73    map.addLayer(markers);
74
75    return map;
76 }
77
78 function getArrowIcon() {
79    var size = new OpenLayers.Size(25, 22);
80    var offset = new OpenLayers.Pixel(-30, -27);
81    var icon = new OpenLayers.Icon("<%= asset_path 'arrow.png' %>", size, offset);
82
83    return icon;
84 }
85
86 function addMarkerToMap(position, icon, description) {
87    var marker = new OpenLayers.Marker(proj(position), icon);
88
89    markers.addMarker(marker);
90
91    if (description) {
92        marker.events.register("mouseover", marker, function() {
93            openMapPopup(marker, description);
94        });
95    }
96
97    return marker;
98 }
99
100 function addObjectToMap(url, zoom, callback) {
101    var layer = new OpenLayers.Layer.GML("Objects", url, {
102       format: OpenLayers.Format.OSM,
103       style: {
104           strokeColor: "blue",
105           strokeWidth: 3,
106           strokeOpacity: 0.5,
107           fillOpacity: 0.2,
108           fillColor: "lightblue",
109           pointRadius: 6
110       },
111       projection: new OpenLayers.Projection("EPSG:4326"),
112       displayInLayerSwitcher: false
113    });
114
115    layer.events.register("loadend", layer, function() {
116       var extent;
117
118       if (this.features.length) {
119          extent = this.features[0].geometry.getBounds();
120
121          for (var i = 1; i < this.features.length; i++) {
122             extent.extend(this.features[i].geometry.getBounds());
123          }
124
125          if (zoom) {
126             if (extent) {
127                this.map.zoomToExtent(extent);
128             } else {
129                this.map.zoomToMaxExtent();
130             }
131          }
132       }
133
134       if (callback) {
135          callback(extent);
136       }
137    });
138
139    map.addLayer(layer);
140
141    layer.loadGML();
142 }
143
144 function addBoxToMap(boxbounds, id, outline) {
145    if (!vectors) {
146      // Be aware that IE requires Vector layers be initialised on page load, and not under deferred script conditions
147      vectors = new OpenLayers.Layer.Vector("Boxes", {
148         displayInLayerSwitcher: false
149      });
150      map.addLayer(vectors);
151    }
152    var geometry;
153    if (outline) {
154      vertices = boxbounds.toGeometry().getVertices();
155      vertices.push(new OpenLayers.Geometry.Point(vertices[0].x, vertices[0].y));
156      geometry = proj(new OpenLayers.Geometry.LineString(vertices));
157    } else {
158      geometry = proj(boxbounds.toGeometry());
159    }
160    var box = new OpenLayers.Feature.Vector(geometry, {}, {
161       strokeWidth: 2,
162       strokeColor: '#ee9900',
163       fillOpacity: 0
164    });
165    box.fid = id;
166
167    vectors.addFeatures(box);
168
169    return box;
170 }
171
172 function openMapPopup(marker, description) {
173    closeMapPopup();
174
175    popup = new OpenLayers.Popup.FramedCloud("popup", marker.lonlat, null,
176                                             description, marker.icon, true);
177    popup.setBackgroundColor("#E3FFC5");
178    map.addPopup(popup);
179
180    return popup;
181 }
182
183 function closeMapPopup() {
184    if (popup) {
185       map.removePopup(popup);
186       delete popup;
187    }
188 }
189
190 function removeMarkerFromMap(marker){
191    markers.removeMarker(marker);
192 }
193
194 function removeBoxFromMap(box){
195    vectors.removeFeature(box);
196 }
197
198 function proj(x) {
199     return x.clone().transform(epsg4326, map.getProjectionObject());
200 }
201
202 function unproj(x) {
203     return x.clone().transform(map.getProjectionObject(), epsg4326);
204 }
205
206 function setMapCenter(center, zoom) {
207    zoom = parseInt(zoom, 10);
208    var numzoom = map.getNumZoomLevels();
209    if (zoom >= numzoom) zoom = numzoom - 1;
210    map.setCenter(proj(center), zoom);
211 }
212
213 function getEventPosition(event) {
214    return map.getLonLatFromViewPortPx(event.xy).clone().transform(map.getProjectionObject(), epsg4326);
215 }
216
217 function getMapLayers() {
218    var layerConfig = "";
219
220    for (var i = 0; i < map.layers.length; i++) {
221       if (map.layers[i].layerCode && map.layers[i].getVisibility()) {
222          layerConfig += map.layers[i].layerCode;
223       }
224    }
225
226    return layerConfig;
227 }
228
229 function setMapLayers(layerConfig) {
230    if (layerConfig.charAt(0) == "B" || layerConfig.charAt(0) == "0") {
231       var l = 0;
232
233       for (var layers = map.getLayersBy("isBaseLayer", true), i = 0; i < layers.length; i++) {
234          var c = layerConfig.charAt(l++);
235
236          if (c == "B") {
237             map.setBaseLayer(layers[i]);
238          } else {
239             map.layers[i].setVisibility(false);
240          }
241       }
242    } else {
243       for (var i = 0; i < map.layers.length; i++) {
244          if (map.layers[i].layerCode) {
245             if (layerConfig.indexOf(map.layers[i].layerCode) >= 0) {
246                if (map.layers[i].isBaseLayer) {
247                   map.setBaseLayer(map.layers[i]);
248                } else {
249                   map.layers[i].setVisibility(true);
250                }
251             } else if (!map.layers[i].isBaseLayer) {
252                map.layers[i].setVisibility(false);
253             }
254          }
255       }
256    }
257 }