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