5d6947d356ad31c825ba231a9c55631a7b03d187
[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: function(map) {
68           return 'http://osm.org/' + querystring.stringify({
69               lon: map.getCenter().lng,
70               lat: map.getCenter().lat
71           });
72       }
73   }).addTo(map);
74
75   L.control.note({
76       position: 'topright'
77   }).addTo(map);
78
79   L.control.locate({
80       position: 'topright'
81   }).addTo(map);
82
83   L.control.scale().addTo(map);
84
85   map.on("moveend layeradd layerremove", updateLocation);
86
87   if (!params.object_zoom) {
88     if (params.bbox) {
89       var bbox = L.latLngBounds([params.minlat, params.minlon],
90                                 [params.maxlat, params.maxlon]);
91
92       map.fitBounds(bbox);
93
94       if (params.box) {
95         L.rectangle(bbox, {
96           weight: 2,
97           color: '#e90',
98           fillOpacity: 0
99         }).addTo(map);
100       }
101     } else {
102       map.setView([params.lat, params.lon], params.zoom);
103     }
104   }
105
106   if (params.layers) {
107     setMapLayers(params.layers);
108   }
109
110   if (params.marker) {
111     marker = L.marker([params.mlat, params.mlon], {icon: getUserIcon()}).addTo(map);
112   }
113
114   if (params.object) {
115     addObjectToMap(params.object, map, { zoom: params.object_zoom });
116   }
117
118   handleResize();
119
120   $("body").on("click", "a.set_position", function (e) {
121     e.preventDefault();
122
123     var data = $(this).data();
124     var centre = L.latLng(data.lat, data.lon);
125
126     if (data.minLon && data.minLat && data.maxLon && data.maxLat) {
127       map.fitBounds([[data.minLat, data.minLon],
128                      [data.maxLat, data.maxLon]]);
129     } else {
130       map.setView(centre, data.zoom);
131     }
132
133     if (data.type && data.id) {
134       addObjectToMap(data, map, { zoom: true, style: { opacity: 0.2, fill: false } });
135     }
136
137     if (marker) {
138       map.removeLayer(marker);
139     }
140
141     marker = L.marker(centre, {icon: getUserIcon()}).addTo(map);
142   });
143
144   function updateLocation() {
145     var center = map.getCenter().wrap();
146     var zoom = map.getZoom();
147     var layers = getMapLayers();
148     var extents = map.getBounds().wrap();
149
150     updatelinks(center, zoom, layers, extents, params.object);
151
152     var expiry = new Date();
153     expiry.setYear(expiry.getFullYear() + 10);
154     $.cookie("_osm_location", [center.lng, center.lat, zoom, layers].join("|"), {expires: expiry});
155   }
156
157   function remoteEditHandler() {
158     var extent = map.getBounds();
159     var loaded = false;
160
161     $("#linkloader").load(function () { loaded = true; });
162     $("#linkloader").attr("src", "http://127.0.0.1:8111/load_and_zoom?" +
163          querystring.stringify({
164             left: extent.getWest(),
165             bottom: extent.getSouth(),
166             right: extent.getEast(),
167             top: extent.getNorth()
168          }));
169
170     setTimeout(function () {
171       if (!loaded) alert(I18n.t('site.index.remote_failed'));
172     }, 1000);
173
174     return false;
175   }
176
177   $("a[data-editor=remote]").click(remoteEditHandler);
178
179   if (OSM.preferred_editor == "remote" && $('body').hasClass("site-edit")) {
180     remoteEditHandler();
181   }
182
183   $(window).resize(handleResize);
184
185   $("#search_form").submit(function () {
186     var bounds = map.getBounds();
187
188     $("#sidebar_title").html(I18n.t('site.sidebar.search_results'));
189     $("#sidebar_content").load($(this).attr("action"), {
190       query: $("#query").val(),
191       minlon: bounds.getWest(),
192       minlat: bounds.getSouth(),
193       maxlon: bounds.getEast(),
194       maxlat: bounds.getNorth()
195     }, openSidebar);
196
197     return false;
198   });
199
200   if ($("#query").val()) {
201     $("#search_form").submit();
202   }
203
204   // Focus the search field for browsers that don't support
205   // the HTML5 'autofocus' attribute
206   if (!("autofocus" in document.createElement("input"))) {
207     $("#query").focus();
208   }
209 });
210
211 function getMapBaseLayer() {
212   for (var i = 0; i < layers.length; i++) {
213     if (map.hasLayer(layers[i].layer)) {
214       return layers[i];
215     }
216   }
217 }
218
219 function getMapLayers() {
220   var layerConfig = "";
221   for (var i = 0; i < layers.length; i++) {
222     if (map.hasLayer(layers[i].layer)) {
223       layerConfig += layers[i].layerCode;
224     }
225   }
226   return layerConfig;
227 }
228
229 function setMapLayers(layerConfig) {
230   var foundLayer = false;
231   for (var i = 0; i < layers.length; i++) {
232     if (layerConfig.indexOf(layers[i].layerCode) >= 0) {
233       map.addLayer(layers[i].layer);
234       foundLayer = true;
235     } else {
236       map.removeLayer(layers[i].layer);
237     }
238   }
239   if (!foundLayer) {
240     map.addLayer(layers[0].layer);
241   }
242 }