]> git.openstreetmap.org Git - rails.git/blob - public/javascripts/map.js
b3d964b5b468e0bffa7ff1b5989a48119c483bcf
[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 OpenLayers._getScriptLocation = function () {
7    return "/openlayers/";
8 }
9
10 function createMap(divName) {
11    map = new OpenLayers.Map(divName, {
12       controls: [
13          new OpenLayers.Control.ArgParser(),
14          new OpenLayers.Control.Attribution(),
15          new OpenLayers.Control.LayerSwitcher(),
16          new OpenLayers.Control.Navigation(),
17          new OpenLayers.Control.PanZoomBar(),
18          new OpenLayers.Control.ScaleLine()
19       ],
20       units: "m",
21       maxResolution: 156543,
22       numZoomLevels: 20
23    });
24
25    var mapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik", {
26       displayOutsideMaxExtent: true,
27       wrapDateLine: true
28    });
29    map.addLayer(mapnik);
30
31    var osmarender = new OpenLayers.Layer.OSM.Osmarender("Osmarender", {
32       displayOutsideMaxExtent: true,
33       wrapDateLine: true
34    });
35    map.addLayer(osmarender);
36
37    var maplint = new OpenLayers.Layer.OSM.Maplint("Maplint", {
38       displayOutsideMaxExtent: true,
39       wrapDateLine: true
40    });
41    map.addLayer(maplint);
42
43    var numZoomLevels = Math.max(mapnik.numZoomLevels, osmarender.numZoomLevels);
44    markers = new OpenLayers.Layer.Markers("Markers", {
45       displayInLayerSwitcher: false,
46       numZoomLevels: numZoomLevels,
47       maxExtent: new OpenLayers.Bounds(-20037508,-20037508,20037508,20037508),
48       maxResolution: 156543,
49       units: "m",
50       projection: "EPSG:900913"
51    });
52    map.addLayer(markers);
53
54    return map;
55 }
56
57 function getArrowIcon() {
58    var size = new OpenLayers.Size(25, 22);
59    var offset = new OpenLayers.Pixel(-30, -27);
60    var icon = new OpenLayers.Icon("/images/arrow.png", size, offset);
61
62    return icon;
63 }
64
65 function addMarkerToMap(position, icon, description) {
66    var marker = new OpenLayers.Marker(position.clone().transform(epsg4326, map.getProjectionObject()), icon);
67
68    markers.addMarker(marker);
69
70    if (description) {
71       marker.events.register("click", marker, function() { openMapPopup(marker, description) });
72    }
73
74    return marker;
75 }
76
77 function openMapPopup(marker, description) {
78    closeMapPopup();
79
80    popup = new OpenLayers.Popup.AnchoredBubble("popup", marker.lonlat, null,
81                                                description, marker.icon, true);
82    popup.setBackgroundColor("#E3FFC5");
83    popup.autoSize = true;
84    map.addPopup(popup);
85
86    return popup;
87 }
88
89 function closeMapPopup() {
90    if (popup) {
91       map.removePopup(popup);
92       delete popup;
93    }
94 }
95
96 function removeMarkerFromMap(marker){
97    markers.removeMarker(marker);
98 }
99
100 function getMapCenter(center, zoom) {
101    return map.getCenter().clone().transform(map.getProjectionObject(), epsg4326);
102 }
103
104 function setMapCenter(center, zoom) {
105    map.setCenter(center.clone().transform(epsg4326, map.getProjectionObject()), zoom);
106 }
107
108 function setMapExtent(extent) {
109    map.zoomToExtent(extent.clone().transform(epsg4326, map.getProjectionObject()));
110 }
111
112 function getEventPosition(event) {
113    return map.getLonLatFromViewPortPx(event.xy).clone().transform(map.getProjectionObject(), epsg4326);
114 }
115
116 function getMapLayers() {
117    var layers = "";
118
119    for (var i=0; i< this.map.layers.length; i++) {
120       var layer = this.map.layers[i];
121
122       if (layer.isBaseLayer) {
123          layers += (layer == this.map.baseLayer) ? "B" : "0";
124       } else {
125          layers += (layer.getVisibility()) ? "T" : "F";
126       }
127    }
128
129    return layers;
130 }
131
132 function setMapLayers(layers) {
133    for (var i=0; i < layers.length; i++) {
134       var layer = map.layers[i];
135
136       if (layer) {
137          var c = layers.charAt(i);
138
139          if (c == "B") {
140             map.setBaseLayer(layer);
141          } else if ( (c == "T") || (c == "F") ) {
142             layer.setVisibility(c == "T");
143          }
144       }
145    }
146 }
147
148 function scaleToZoom(scale) {
149    return Math.log(360.0/(scale * 512.0)) / Math.log(2.0);
150 }