fd45d930462d3601e322c7121f927505b2938c15
[rails.git] / public / javascripts / map.js
1 var epsg4326 = new OpenLayers.Projection("EPSG:4326");
2 var map;
3 var markers;
4 var vectors;
5 var popup;
6
7 var nonamekeys = {
8    'openstreetmap.org': '2f59745a6b525b4ebdb100891d5b6711',
9    'www.openstreetmap.org': 'fd093e52f0965d46bb1c6c6281022199',
10    'openstreetmap.com': '4c60e7f5f31c576a9bb8da71c8d61152',
11    'www.openstreetmap.com': '142f25a0770a51a9a400b3513834a199',
12    'openstreetmap.net': '687c58fd1d715596bfc94abe653d8ac0',
13    'www.openstreetmap.net': '0bd1654141c85d30b9c2ccdb5302f2e4'
14 };
15
16 function createMap(divName, options) {
17    options = options || {};
18
19    map = new OpenLayers.Map(divName, {
20       controls: options.controls || [
21          new OpenLayers.Control.ArgParser(),
22          new OpenLayers.Control.Attribution(),
23          new OpenLayers.Control.LayerSwitcher(),
24          new OpenLayers.Control.Navigation(),
25          new OpenLayers.Control.PanZoom(),
26          new OpenLayers.Control.PanZoomBar()
27       ],
28       units: "m",
29       maxResolution: 156543.0339,
30       numZoomLevels: 20,
31       displayProjection: new OpenLayers.Projection("EPSG:4326")
32    });
33
34    var mapnik = new OpenLayers.Layer.OSM.Mapnik(i18n("javascripts.map.base.mapnik"), {
35       keyid: "mapnik",
36       displayOutsideMaxExtent: true,
37       wrapDateLine: true
38    });
39    map.addLayer(mapnik);
40
41    var osmarender = new OpenLayers.Layer.OSM.Osmarender(i18n("javascripts.map.base.osmarender"), {
42       keyid: "osmarender",
43       displayOutsideMaxExtent: true,
44       wrapDateLine: true
45    });
46    map.addLayer(osmarender);
47
48    var cyclemap = new OpenLayers.Layer.OSM.CycleMap(i18n("javascripts.map.base.cycle_map"), {
49       keyid: "cyclemap",
50       displayOutsideMaxExtent: true,
51       wrapDateLine: true
52    });
53    map.addLayer(cyclemap);
54
55    var nonamekey = nonamekeys[document.domain];
56    var noname = new OpenLayers.Layer.OSM(i18n("javascripts.map.base.noname"), [
57       "http://a.tile.cloudmade.com/" + nonamekey + "/3/256/${z}/${x}/${y}.png",
58       "http://b.tile.cloudmade.com/" + nonamekey + "/3/256/${z}/${x}/${y}.png",
59       "http://c.tile.cloudmade.com/" + nonamekey + "/3/256/${z}/${x}/${y}.png"
60    ], {
61       displayOutsideMaxExtent: true,
62       wrapDateLine: true,
63       numZoomLevels: 19
64    });
65    map.addLayer(noname);
66
67    var maplint = new OpenLayers.Layer.OSM.Maplint(i18n("javascripts.map.overlays.maplint"), {
68       displayOutsideMaxExtent: true,
69       wrapDateLine: true
70    });
71    map.addLayer(maplint);
72
73    var numZoomLevels = Math.max(mapnik.numZoomLevels, osmarender.numZoomLevels);
74
75    markers = new OpenLayers.Layer.Markers("Markers", {
76       displayInLayerSwitcher: false,
77       numZoomLevels: numZoomLevels,
78       maxExtent: new OpenLayers.Bounds(-20037508,-20037508,20037508,20037508),
79       maxResolution: 156543,
80       units: "m",
81       projection: "EPSG:900913"
82    });
83    map.addLayer(markers);
84
85    return map;
86 }
87
88 function getArrowIcon() {
89    var size = new OpenLayers.Size(25, 22);
90    var offset = new OpenLayers.Pixel(-30, -27);
91    var icon = new OpenLayers.Icon("/images/arrow.png", size, offset);
92
93    return icon;
94 }
95
96 function addMarkerToMap(position, icon, description) {
97    var marker = new OpenLayers.Marker(position.clone().transform(epsg4326, map.getProjectionObject()), icon);
98
99    markers.addMarker(marker);
100
101    if (description) {
102       marker.events.register("mouseover", marker, function() { openMapPopup(marker, description) });
103       marker.events.register("mouseout", marker, function() { closeMapPopup() });
104    }
105
106    return marker;
107 }
108
109 function addObjectToMap(url, zoom, callback) {
110    var layer = new OpenLayers.Layer.GML("Objects", url, {
111       format: OpenLayers.Format.OSM,
112       style: {
113           strokeColor: "blue",
114           strokeWidth: 3,
115           strokeOpacity: 0.5,
116           fillOpacity: 0.2,
117           fillColor: "lightblue",
118           pointRadius: 6
119       },
120       projection: new OpenLayers.Projection("EPSG:4326"),
121       displayInLayerSwitcher: false
122    });
123
124    layer.events.register("loadend", layer, function() {
125       var extent;
126
127       if (this.features.length) {
128          extent = this.features[0].geometry.getBounds();
129
130          for (var i = 1; i < this.features.length; i++) {
131             extent.extend(this.features[i].geometry.getBounds());
132          }
133
134          if (zoom) {
135             if (extent) {
136                this.map.zoomToExtent(extent);
137             } else {
138                this.map.zoomToMaxExtent();
139             }
140          }
141       }
142
143       if (callback) {
144          callback(extent);
145       }
146    });
147
148    map.addLayer(layer);
149
150    layer.loadGML();
151 }
152
153 function addBoxToMap(boxbounds) {
154    if (!vectors) {
155      // Be aware that IE requires Vector layers be initialised on page load, and not under deferred script conditions
156      vectors = new OpenLayers.Layer.Vector("Boxes", {
157         displayInLayerSwitcher: false
158      });
159      map.addLayer(vectors);
160    }
161    var geometry = boxbounds.toGeometry().transform(epsg4326, map.getProjectionObject());
162    var box = new OpenLayers.Feature.Vector(geometry, {}, {
163       strokeWidth: 2,
164       strokeColor: '#ee9900',
165       fillOpacity: 0
166    });
167
168    vectors.addFeatures(box);
169
170    return box;
171 }
172
173 function openMapPopup(marker, description) {
174    closeMapPopup();
175
176    popup = new OpenLayers.Popup.FramedCloud("popup", marker.lonlat, null,
177                                             description, marker.icon, true);
178    popup.setBackgroundColor("#E3FFC5");
179    map.addPopup(popup);
180
181    return popup;
182 }
183
184 function closeMapPopup() {
185    if (popup) {
186       map.removePopup(popup);
187       delete popup;
188    }
189 }
190
191 function removeMarkerFromMap(marker){
192    markers.removeMarker(marker);
193 }
194
195 function removeBoxFromMap(box){
196    vectors.removeFeature(box);
197 }
198
199 function getMapCenter() {
200    return map.getCenter().clone().transform(map.getProjectionObject(), epsg4326);
201 }
202
203 function setMapCenter(center, zoom) {
204    zoom = parseInt(zoom);
205    var numzoom = map.getNumZoomLevels();
206    if (zoom >= numzoom) zoom = numzoom - 1;
207    map.setCenter(center.clone().transform(epsg4326, map.getProjectionObject()), zoom);
208 }
209
210 function setMapExtent(extent) {
211    map.zoomToExtent(extent.clone().transform(epsg4326, map.getProjectionObject()));
212 }
213
214 function getMapExtent() {
215    return map.getExtent().clone().transform(map.getProjectionObject(), epsg4326);
216 }
217
218 function getMapZoom() {
219    return map.getZoom();
220 }
221
222 function getEventPosition(event) {
223    return map.getLonLatFromViewPortPx(event.xy).clone().transform(map.getProjectionObject(), epsg4326);
224 }
225
226 function getMapLayers() {
227    var layerConfig = "";
228
229    for (var layers = map.getLayersBy("isBaseLayer", true), i = 0; i < layers.length; i++) {
230       layerConfig += layers[i] == map.baseLayer ? "B" : "0";
231    }
232
233    for (var layers = map.getLayersBy("isBaseLayer", false), i = 0; i < layers.length; i++) {
234       layerConfig += layers[i].getVisibility() ? "T" : "F";
235    }
236
237    return layerConfig;
238 }
239
240 function setMapLayers(layerConfig) {
241    var l = 0;
242
243    for (var layers = map.getLayersBy("isBaseLayer", true), i = 0; i < layers.length; i++) {
244       var c = layerConfig.charAt(l++);
245
246       if (c == "B") {
247          map.setBaseLayer(layers[i]);
248       }
249    }
250
251    while (layerConfig.charAt(l) == "B" || layerConfig.charAt(l) == "0") {
252       l++;
253    }
254
255    for (var layers = map.getLayersBy("isBaseLayer", false), i = 0; i < layers.length; i++) {
256       var c = layerConfig.charAt(l++);
257
258       if (c == "T") {
259          layers[i].setVisibility(true);
260       } else if(c == "F") {
261          layers[i].setVisibility(false);
262       }
263    }
264 }
265
266 function scaleToZoom(scale) {
267    return Math.log(360.0/(scale * 512.0)) / Math.log(2.0);
268 }