]> git.openstreetmap.org Git - rails.git/blob - public/javascripts/map.js
Merge branch 'master' into openid
[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          new OpenLayers.Control.ScaleLine({geodesic: true})
28       ],
29       units: "m",
30       maxResolution: 156543.0339,
31       numZoomLevels: 20,
32       displayProjection: new OpenLayers.Projection("EPSG:4326")
33    });
34
35    var mapnik = new OpenLayers.Layer.OSM.Mapnik(i18n("javascripts.map.base.mapnik"), {
36       keyid: "mapnik",
37       displayOutsideMaxExtent: true,
38       wrapDateLine: true,
39       layerCode: "M"
40    });
41    map.addLayer(mapnik);
42
43    var osmarender = new OpenLayers.Layer.OSM.Osmarender(i18n("javascripts.map.base.osmarender"), {
44       keyid: "osmarender",
45       displayOutsideMaxExtent: true,
46       wrapDateLine: true,
47       layerCode: "O"
48    });
49    map.addLayer(osmarender);
50
51    var cyclemap = new OpenLayers.Layer.OSM.CycleMap(i18n("javascripts.map.base.cycle_map"), {
52       keyid: "cyclemap",
53       displayOutsideMaxExtent: true,
54       wrapDateLine: true,
55       layerCode: "C"
56    });
57    map.addLayer(cyclemap);
58
59    var nonamekey = nonamekeys[document.domain];
60    var noname = new OpenLayers.Layer.OSM(i18n("javascripts.map.base.noname"), [
61       "http://a.tile.cloudmade.com/" + nonamekey + "/3/256/${z}/${x}/${y}.png",
62       "http://b.tile.cloudmade.com/" + nonamekey + "/3/256/${z}/${x}/${y}.png",
63       "http://c.tile.cloudmade.com/" + nonamekey + "/3/256/${z}/${x}/${y}.png"
64    ], {
65       displayOutsideMaxExtent: true,
66       wrapDateLine: true,
67       numZoomLevels: 19,
68       layerCode: "N"
69    });
70    map.addLayer(noname);
71
72    var numZoomLevels = Math.max(mapnik.numZoomLevels, osmarender.numZoomLevels);
73
74    markers = new OpenLayers.Layer.Markers("Markers", {
75       displayInLayerSwitcher: false,
76       numZoomLevels: numZoomLevels,
77       maxExtent: new OpenLayers.Bounds(-20037508,-20037508,20037508,20037508),
78       maxResolution: 156543,
79       units: "m",
80       projection: "EPSG:900913"
81    });
82    map.addLayer(markers);
83
84    return map;
85 }
86
87 function getArrowIcon() {
88    var size = new OpenLayers.Size(25, 22);
89    var offset = new OpenLayers.Pixel(-30, -27);
90    var icon = new OpenLayers.Icon("/images/arrow.png", size, offset);
91
92    return icon;
93 }
94
95 function addMarkerToMap(position, icon, description) {
96    var marker = new OpenLayers.Marker(position.clone().transform(epsg4326, map.getProjectionObject()), icon);
97
98    markers.addMarker(marker);
99
100    if (description) {
101       marker.events.register("mouseover", marker, function() { openMapPopup(marker, description) });
102       marker.events.register("mouseout", marker, function() { closeMapPopup() });
103    }
104
105    return marker;
106 }
107
108 function addObjectToMap(url, zoom, callback) {
109    var layer = new OpenLayers.Layer.GML("Objects", url, {
110       format: OpenLayers.Format.OSM,
111       style: {
112           strokeColor: "blue",
113           strokeWidth: 3,
114           strokeOpacity: 0.5,
115           fillOpacity: 0.2,
116           fillColor: "lightblue",
117           pointRadius: 6
118       },
119       projection: new OpenLayers.Projection("EPSG:4326"),
120       displayInLayerSwitcher: false
121    });
122
123    layer.events.register("loadend", layer, function() {
124       var extent;
125
126       if (this.features.length) {
127          extent = this.features[0].geometry.getBounds();
128
129          for (var i = 1; i < this.features.length; i++) {
130             extent.extend(this.features[i].geometry.getBounds());
131          }
132
133          if (zoom) {
134             if (extent) {
135                this.map.zoomToExtent(extent);
136             } else {
137                this.map.zoomToMaxExtent();
138             }
139          }
140       }
141
142       if (callback) {
143          callback(extent);
144       }
145    });
146
147    map.addLayer(layer);
148
149    layer.loadGML();
150 }
151
152 function addBoxToMap(boxbounds) {
153    if (!vectors) {
154      // Be aware that IE requires Vector layers be initialised on page load, and not under deferred script conditions
155      vectors = new OpenLayers.Layer.Vector("Boxes", {
156         displayInLayerSwitcher: false
157      });
158      map.addLayer(vectors);
159    }
160    var geometry = boxbounds.toGeometry().transform(epsg4326, map.getProjectionObject());
161    var box = new OpenLayers.Feature.Vector(geometry, {}, {
162       strokeWidth: 2,
163       strokeColor: '#ee9900',
164       fillOpacity: 0
165    });
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 getMapCenter() {
199    return map.getCenter().clone().transform(map.getProjectionObject(), epsg4326);
200 }
201
202 function setMapCenter(center, zoom) {
203    zoom = parseInt(zoom);
204    var numzoom = map.getNumZoomLevels();
205    if (zoom >= numzoom) zoom = numzoom - 1;
206    map.setCenter(center.clone().transform(epsg4326, map.getProjectionObject()), zoom);
207 }
208
209 function setMapExtent(extent) {
210    map.zoomToExtent(extent.clone().transform(epsg4326, map.getProjectionObject()));
211 }
212
213 function getMapExtent() {
214    return map.getExtent().clone().transform(map.getProjectionObject(), epsg4326);
215 }
216
217 function getMapZoom() {
218    return map.getZoom();
219 }
220
221 function getEventPosition(event) {
222    return map.getLonLatFromViewPortPx(event.xy).clone().transform(map.getProjectionObject(), epsg4326);
223 }
224
225 function getMapLayers() {
226    var layerConfig = "";
227
228    for (var i = 0; i < map.layers.length; i++) {
229       if (map.layers[i].layerCode && map.layers[i].getVisibility()) {
230          layerConfig += map.layers[i].layerCode;
231       }
232    }
233
234    return layerConfig;
235 }
236
237 function setMapLayers(layerConfig) {
238    if (layerConfig.charAt(0) == "B" || layerConfig.charAt(0) == "0") {
239       var l = 0;
240
241       for (var layers = map.getLayersBy("isBaseLayer", true), i = 0; i < layers.length; i++) {
242          var c = layerConfig.charAt(l++);
243
244          if (c == "B") {
245             map.setBaseLayer(layers[i]);
246          }
247       }
248    } else {
249       for (var i = 0; i < map.layers.length; i++) {
250          if (map.layers[i].layerCode) {
251             if (layerConfig.indexOf(map.layers[i].layerCode) >= 0) {
252                if (map.layers[i].isBaseLayer) {
253                   map.setBaseLayer(map.layers[i]);
254                } else {
255                    map.layers[i].setVisibility(true);
256                }
257             } else {
258                map.layers[i].setVisibility(false);
259             }
260          }
261       }
262    }
263 }
264
265 function scaleToZoom(scale) {
266    return Math.log(360.0/(scale * 512.0)) / Math.log(2.0);
267 }