]> git.openstreetmap.org Git - rails.git/blob - app/assets/javascripts/index.js
Even more map ui js refactor
[rails.git] / app / assets / javascripts / index.js
1 //= require_self
2 //= require index/browse
3 //= require index/export
4 //= require index/key
5 //= require index/notes
6 //= require index/map_ui
7
8 var map, layers; // TODO: remove globals
9
10 $(document).ready(function () {
11   var marker;
12   var params = OSM.mapParams();
13
14   map = L.map("map", {
15     zoomControl: false,
16     layerControl: false
17   });
18
19   map.attributionControl.setPrefix('');
20
21   layers = mapLayers();
22   layers[0].layer.addTo(map);
23
24   $("#map").on("resized", function () {
25     map.invalidateSize();
26   });
27
28   L.control.zoom({position: 'topright'})
29     .addTo(map);
30
31   OSM.mapUI().addTo(map);
32
33   L.control.share({
34       getUrl: function(map) {
35           return setArgs('http://osm.org/', {
36               lon: map.getCenter().lng,
37               lat: map.getCenter().lat
38           });
39       }
40   }).addTo(map);
41
42   L.control.note({
43       position: 'topright'
44   }).addTo(map);
45
46   L.control.locate({
47       position: 'topright'
48   }).addTo(map);
49
50   L.control.scale().addTo(map);
51
52   map.on("moveend layeradd layerremove", updateLocation);
53
54   if (!params.object_zoom) {
55     if (params.bbox) {
56       var bbox = L.latLngBounds([params.minlat, params.minlon],
57                                 [params.maxlat, params.maxlon]);
58
59       map.fitBounds(bbox);
60
61       if (params.box) {
62         L.rectangle(bbox, {
63           weight: 2,
64           color: '#e90',
65           fillOpacity: 0
66         }).addTo(map);
67       }
68     } else {
69       map.setView([params.lat, params.lon], params.zoom);
70     }
71   }
72
73   if (params.layers) {
74     setMapLayers(params.layers);
75   }
76
77   if (params.marker) {
78     marker = L.marker([params.mlat, params.mlon], {icon: getUserIcon()}).addTo(map);
79   }
80
81   if (params.object) {
82     addObjectToMap(params.object, map, { zoom: params.object_zoom });
83   }
84
85   handleResize();
86
87   $("body").on("click", "a.set_position", function (e) {
88     e.preventDefault();
89
90     var data = $(this).data();
91     var centre = L.latLng(data.lat, data.lon);
92
93     if (data.minLon && data.minLat && data.maxLon && data.maxLat) {
94       map.fitBounds([[data.minLat, data.minLon],
95                      [data.maxLat, data.maxLon]]);
96     } else {
97       map.setView(centre, data.zoom);
98     }
99
100     if (data.type && data.id) {
101       addObjectToMap(data, map, { zoom: true, style: { opacity: 0.2, fill: false } });
102     }
103
104     if (marker) {
105       map.removeLayer(marker);
106     }
107
108     marker = L.marker(centre, {icon: getUserIcon()}).addTo(map);
109   });
110
111   function updateLocation() {
112     var center = map.getCenter().wrap();
113     var zoom = map.getZoom();
114     var layers = getMapLayers();
115     var extents = map.getBounds().wrap();
116
117     updatelinks(center, zoom, layers, extents, params.object);
118
119     var expiry = new Date();
120     expiry.setYear(expiry.getFullYear() + 10);
121     $.cookie("_osm_location", [center.lng, center.lat, zoom, layers].join("|"), {expires: expiry});
122   }
123
124   function remoteEditHandler() {
125     var extent = map.getBounds();
126     var loaded = false;
127
128     $("#linkloader").load(function () { loaded = true; });
129     $("#linkloader").attr("src", "http://127.0.0.1:8111/load_and_zoom?left=" + extent.getWest()
130                                                                    + "&bottom=" + extent.getSouth()
131                                                                    + "&right=" + extent.getEast()
132                                                                    + "&top=" + extent.getNorth());
133
134     setTimeout(function () {
135       if (!loaded) alert(I18n.t('site.index.remote_failed'));
136     }, 1000);
137
138     return false;
139   }
140
141   $("a[data-editor=remote]").click(remoteEditHandler);
142
143   if (OSM.preferred_editor == "remote" && $('body').hasClass("site-edit")) {
144     remoteEditHandler();
145   }
146
147   $(window).resize(handleResize);
148
149   $("#search_form").submit(function () {
150     var bounds = map.getBounds();
151
152     $("#sidebar_title").html(I18n.t('site.sidebar.search_results'));
153     $("#sidebar_content").load($(this).attr("action"), {
154       query: $("#query").val(),
155       minlon: bounds.getWest(),
156       minlat: bounds.getSouth(),
157       maxlon: bounds.getEast(),
158       maxlat: bounds.getNorth()
159     }, openSidebar);
160
161     return false;
162   });
163
164   if ($("#query").val()) {
165     $("#search_form").submit();
166   }
167
168   // Focus the search field for browsers that don't support
169   // the HTML5 'autofocus' attribute
170   if (!("autofocus" in document.createElement("input"))) {
171     $("#query").focus();
172   }
173 });
174
175 function getMapBaseLayer() {
176   for (var i = 0; i < layers.length; i++) {
177     if (map.hasLayer(layers[i].layer)) {
178       return layers[i];
179     }
180   }
181 }
182
183 function getMapLayers() {
184   var layerConfig = "";
185   for (var i = 0; i < layers.length; i++) {
186     if (map.hasLayer(layers[i].layer)) {
187       layerConfig += layers[i].layerCode;
188     }
189   }
190   return layerConfig;
191 }
192
193 function setMapLayers(layerConfig) {
194   var foundLayer = false;
195   for (var i = 0; i < layers.length; i++) {
196     if (layerConfig.indexOf(layers[i].layerCode) >= 0) {
197       map.addLayer(layers[i].layer);
198       foundLayer = true;
199     } else {
200       map.removeLayer(layers[i].layer);
201     }
202   }
203   if (!foundLayer) {
204     map.addLayer(layers[0].layer);
205   }
206 }