]> git.openstreetmap.org Git - rails.git/blob - public/javascripts/map.js
Add the marker to the map correctly.
[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 getMapExtent(extent) {
113    return map.getExtent().clone().transform(map.getProjectionObject(), epsg4326);
114 }
115
116 function getEventPosition(event) {
117    return map.getLonLatFromViewPortPx(event.xy).clone().transform(map.getProjectionObject(), epsg4326);
118 }
119
120 function getMapLayers() {
121    var layers = "";
122
123    for (var i=0; i< this.map.layers.length; i++) {
124       var layer = this.map.layers[i];
125
126       if (layer.isBaseLayer) {
127          layers += (layer == this.map.baseLayer) ? "B" : "0";
128       } else {
129          layers += (layer.getVisibility()) ? "T" : "F";
130       }
131    }
132
133    return layers;
134 }
135
136 function setMapLayers(layers) {
137    for (var i=0; i < layers.length; i++) {
138       var layer = map.layers[i];
139
140       if (layer) {
141          var c = layers.charAt(i);
142
143          if (c == "B") {
144             map.setBaseLayer(layer);
145          } else if ( (c == "T") || (c == "F") ) {
146             layer.setVisibility(c == "T");
147          }
148       }
149    }
150 }
151
152 function scaleToZoom(scale) {
153    return Math.log(360.0/(scale * 512.0)) / Math.log(2.0);
154 }