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