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