]> git.openstreetmap.org Git - rails.git/blob - public/javascripts/map.js
Set the displayProjection on the map.
[rails.git] / public / javascripts / map.js
1 var epsg4326 = new OpenLayers.Projection("EPSG:4326");
2 var map;
3 var markers;
4 var popup;
5
6 var nonamekeys = {
7    'openstreetmap.org': '2f59745a6b525b4ebdb100891d5b6711',
8    'www.openstreetmap.org': 'fd093e52f0965d46bb1c6c6281022199',
9    'openstreetmap.com': '4c60e7f5f31c576a9bb8da71c8d61152',
10    'www.openstreetmap.com': '142f25a0770a51a9a400b3513834a199',
11    'openstreetmap.net': '687c58fd1d715596bfc94abe653d8ac0',
12    'www.openstreetmap.net': '0bd1654141c85d30b9c2ccdb5302f2e4'
13 };
14
15 OpenLayers._getScriptLocation = function () {
16    return "/openlayers/";
17 }
18
19 function createMap(divName, options) {
20    options = options || {};
21
22    map = new OpenLayers.Map(divName, {
23       controls: options.controls || [
24          new OpenLayers.Control.ArgParser(),
25          new OpenLayers.Control.Attribution(),
26          new OpenLayers.Control.LayerSwitcher(),
27          new OpenLayers.Control.Navigation(),
28          new OpenLayers.Control.PanZoomBar(),
29          new OpenLayers.Control.ScaleLine()
30       ],
31       units: "m",
32       maxResolution: 156543.0339,
33       numZoomLevels: 20,
34       displayProjection: new OpenLayers.Projection("EPSG:4326")
35    });
36
37    var mapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik", {
38       displayOutsideMaxExtent: true,
39       wrapDateLine: true
40    });
41    map.addLayer(mapnik);
42
43    var osmarender = new OpenLayers.Layer.OSM.Osmarender("Osmarender", {
44       displayOutsideMaxExtent: true,
45       wrapDateLine: true
46    });
47    map.addLayer(osmarender);
48
49    var cyclemap = new OpenLayers.Layer.OSM.CycleMap("Cycle Map", {
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("NoName", [
57       "http://a.tile.cloudmade.com/" + nonamekey + "/3/256/",
58       "http://b.tile.cloudmade.com/" + nonamekey + "/3/256/",
59       "http://c.tile.cloudmade.com/" + nonamekey + "/3/256/"
60    ], {
61       displayOutsideMaxExtent: true,
62       wrapDateLine: true,
63       numZoomLevels: 19
64    });
65    map.addLayer(noname);
66
67    var maplint = new OpenLayers.Layer.OSM.Maplint("Maplint", {
68       displayOutsideMaxExtent: true,
69       wrapDateLine: true
70    });
71    map.addLayer(maplint);
72
73    var numZoomLevels = Math.max(mapnik.numZoomLevels, osmarender.numZoomLevels);
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("click", marker, function() { openMapPopup(marker, description) });
102    }
103
104    return marker;
105 }
106
107 function openMapPopup(marker, description) {
108    closeMapPopup();
109
110    popup = new OpenLayers.Popup.AnchoredBubble("popup", marker.lonlat, null,
111                                                description, marker.icon, true);
112    popup.setBackgroundColor("#E3FFC5");
113    popup.autoSize = true;
114    map.addPopup(popup);
115
116    return popup;
117 }
118
119 function closeMapPopup() {
120    if (popup) {
121       map.removePopup(popup);
122       delete popup;
123    }
124 }
125
126 function removeMarkerFromMap(marker){
127    markers.removeMarker(marker);
128 }
129
130 function getMapCenter(center, zoom) {
131    return map.getCenter().clone().transform(map.getProjectionObject(), epsg4326);
132 }
133
134 function setMapCenter(center, zoom) {
135    var numzoom = map.getNumZoomLevels();
136    if (zoom >= numzoom) zoom = numzoom - 1;
137    map.setCenter(center.clone().transform(epsg4326, map.getProjectionObject()), zoom);
138 }
139
140 function setMapExtent(extent) {
141    map.zoomToExtent(extent.clone().transform(epsg4326, map.getProjectionObject()));
142 }
143
144 function getMapExtent(extent) {
145    return map.getExtent().clone().transform(map.getProjectionObject(), epsg4326);
146 }
147
148 function getEventPosition(event) {
149    return map.getLonLatFromViewPortPx(event.xy).clone().transform(map.getProjectionObject(), epsg4326);
150 }
151
152 function getMapLayers() {
153    var layerConfig = "";
154
155    for (var layers = map.getLayersBy("isBaseLayer", true), i = 0; i < layers.length; i++) {
156       layerConfig += layers[i] == map.baseLayer ? "B" : "0";
157    }
158
159    for (var layers = map.getLayersBy("isBaseLayer", false), i = 0; i < layers.length; i++) {
160       layerConfig += layers[i].getVisibility() ? "T" : "F";
161    }
162
163    return layerConfig;
164 }
165
166 function setMapLayers(layerConfig) {
167    var l = 0;
168
169    for (var layers = map.getLayersBy("isBaseLayer", true), i = 0; i < layers.length; i++) {
170       var c = layerConfig.charAt(l++);
171
172       if (c == "B") {
173          map.setBaseLayer(layers[i]);
174       }
175    }
176
177    while (layerConfig.charAt(l) == "B" || layerConfig.charAt(l) == "0") {
178       l++;
179    }
180
181    for (var layers = map.getLayersBy("isBaseLayer", false), i = 0; i < layers.length; i++) {
182       var c = layerConfig.charAt(l++);
183
184       if (c == "T") {
185          layers[i].setVisibility(true);
186       } else if(c == "F") {
187          layers[i].setVisibility(false);
188       }
189    }
190 }
191
192 function scaleToZoom(scale) {
193    return Math.log(360.0/(scale * 512.0)) / Math.log(2.0);
194 }