]> git.openstreetmap.org Git - rails.git/blob - public/javascripts/map.js
Commit initial work on export tab.
[rails.git] / public / javascripts / map.js
1 var map;
2 var markers;
3 var popup;
4
5 OpenLayers._getScriptLocation = function () {
6    return "/openlayers/";
7 }
8    
9 function createMap(divName) {
10    map = new OpenLayers.Map(divName, {
11       maxExtent: new OpenLayers.Bounds(-20037508,-20037508,20037508,20037508),
12       maxResolution: 156543,
13       units: "m",
14       projection: "EPSG:900913",
15       controls: [
16          new OpenLayers.Control.ArgParser(), 
17          new OpenLayers.Control.Attribution(),
18          new OpenLayers.Control.LayerSwitcher(),
19          new OpenLayers.Control.Navigation(), 
20          new OpenLayers.Control.PanZoomBar()
21       ]
22    });
23
24    var mapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik", { displayOutsideMaxExtent: true });
25    map.addLayer(mapnik);
26
27    var osmarender = new OpenLayers.Layer.OSM.Osmarender("Osmarender", { displayOutsideMaxExtent: true });
28    map.addLayer(osmarender);
29
30    var maplint = new OpenLayers.Layer.OSM.Maplint("Maplint", { displayOutsideMaxExtent: true });
31    map.addLayer(maplint);
32
33    var numZoomLevels = Math.max(mapnik.numZoomLevels, osmarender.numZoomLevels);
34    markers = new OpenLayers.Layer.Markers("Markers", { 
35       displayInLayerSwitcher: false,
36       numZoomLevels: numZoomLevels
37    });
38    map.addLayer(markers);
39
40    return map;
41 }
42
43 function getArrowIcon() {
44    var size = new OpenLayers.Size(25, 22);
45    var offset = new OpenLayers.Pixel(-30, -27);
46    var icon = new OpenLayers.Icon("/images/arrow.png", size, offset);
47
48    return icon;
49 }
50
51 function addMarkerToMap(position, icon, description) {
52    var marker = new OpenLayers.Marker(position, icon);
53
54    markers.addMarker(marker);
55
56    if (description) {
57       marker.events.register("click", marker, function() { openMapPopup(marker, description) });
58    }
59
60    return marker;
61 }
62
63 function openMapPopup(marker, description) {
64    closeMapPopup();
65
66    popup = new OpenLayers.Popup.AnchoredBubble("popup", marker.lonlat,
67                                                sizeMapPopup(description),
68                                                "<p style='padding-right: 28px'>" + description + "</p>",
69                                                marker.icon, true);
70    popup.setBackgroundColor("#E3FFC5");
71    map.addPopup(popup);
72
73    return popup;
74 }
75
76 function closeMapPopup() {
77    if (popup) {
78       map.removePopup(popup);
79       delete popup;
80    }
81 }
82
83 function sizeMapPopup(text) {
84    var box = document.createElement("div");
85
86    box.innerHTML = text;
87    box.style.visibility = "hidden";
88    box.style.position = "absolute";
89    box.style.top = "0px";
90    box.style.left = "0px";
91    box.style.width = "200px";
92    box.style.height = "auto";
93
94    document.body.appendChild(box);
95
96    var width = box.offsetWidth;
97    var height = box.offsetHeight;
98
99    document.body.removeChild(box);
100
101    return new OpenLayers.Size(width + 30, height + 24);
102 }
103
104 function removeMarkerFromMap(marker){
105    markers.removeMarker(marker);
106 }
107
108 function getMapLayers() {
109    var layers = "";
110
111    for (var i=0; i< this.map.layers.length; i++) {
112       var layer = this.map.layers[i];
113
114       if (layer.isBaseLayer) {
115          layers += (layer == this.map.baseLayer) ? "B" : "0";
116       } else {
117          layers += (layer.getVisibility()) ? "T" : "F";
118       }
119    }
120
121    return layers;
122 }
123
124 function setMapLayers(layers) {
125    for (var i=0; i < layers.length; i++) {
126       var layer = map.layers[i];
127       var c = layers.charAt(i);
128
129       if (c == "B") {
130          map.setBaseLayer(layer);
131       } else if ( (c == "T") || (c == "F") ) {
132          layer.setVisibility(c == "T");
133       }
134    }
135 }
136
137 function mercatorToLonLat(merc) {
138    var lon = (merc.lon / 20037508.34) * 180;
139    var lat = (merc.lat / 20037508.34) * 180;
140
141    lat = 180/Math.PI * (2 * Math.atan(Math.exp(lat * Math.PI / 180)) - Math.PI / 2);
142
143    return new OpenLayers.LonLat(lon, lat);
144 }
145
146 function lonLatToMercator(ll) {
147    var lon = ll.lon * 20037508.34 / 180;
148    var lat = Math.log(Math.tan((90 + ll.lat) * Math.PI / 360)) / (Math.PI / 180);
149
150    lat = lat * 20037508.34 / 180;
151
152    return new OpenLayers.LonLat(lon, lat);
153 }
154
155 function scaleToZoom(scale) {
156    return Math.log(360.0/(scale * 512.0)) / Math.log(2.0);
157 }