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