ef553f328253937ae8897ecf61f53405c08f7505
[rails.git] / app / assets / javascripts / index.js
1 //= require_self
2 //= require leaflet.sidebar
3 //= require leaflet.locate
4 //= require leaflet.layers
5 //= require leaflet.key
6 //= require leaflet.note
7 //= require leaflet.share
8 //= require index/search
9 //= require index/browse
10 //= require index/export
11 //= require index/notes
12
13 $(document).ready(function () {
14   var params = OSM.mapParams();
15
16   var map = L.map("map", {
17     zoomControl: false,
18     layerControl: false
19   });
20
21   map.attributionControl.setPrefix('');
22
23   map.hash = L.hash(map);
24
25   var copyright = I18n.t('javascripts.map.copyright', {copyright_url: '/copyright'});
26
27   var layers = [
28     new L.OSM.Mapnik({
29       attribution: copyright,
30       code: "M",
31       keyid: "mapnik",
32       name: I18n.t("javascripts.map.base.standard")
33     }),
34     new L.OSM.CycleMap({
35       attribution: copyright + ". Tiles courtesy of <a href='http://www.opencyclemap.org/' target='_blank'>Andy Allan</a>",
36       code: "C",
37       keyid: "cyclemap",
38       name: I18n.t("javascripts.map.base.cycle_map")
39     }),
40     new L.OSM.TransportMap({
41       attribution: copyright + ". Tiles courtesy of <a href='http://www.opencyclemap.org/' target='_blank'>Andy Allan</a>",
42       code: "T",
43       keyid: "transportmap",
44       name: I18n.t("javascripts.map.base.transport_map")
45     }),
46     new L.OSM.MapQuestOpen({
47       attribution: copyright + ". 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       code: "Q",
49       keyid: "mapquest",
50       name: I18n.t("javascripts.map.base.mapquest")
51     }),
52     new L.OSM.HOT({
53       attribution: copyright + ". Tiles courtesy of <a href='http://hot.openstreetmap.org/' target='_blank'>Humanitarian OpenStreetMap Team</a>",
54       code: "H",
55       keyid: "hot",
56       name: I18n.t("javascripts.map.base.hot")
57     })
58   ];
59
60   function updateLayers(params) {
61     var layerParam = params.layers || "M";
62     var layersAdded = "";
63
64     for (var i = layers.length - 1; i >= 0; i--) {
65       if (layerParam.indexOf(layers[i].options.code) >= 0) {
66         map.addLayer(layers[i]);
67         layersAdded = layersAdded + layers[i].options.code;
68       } else if (i == 0 && layersAdded == "") {
69         map.addLayer(layers[i]);
70       } else {
71         map.removeLayer(layers[i]);
72       }
73     }
74   }
75
76   updateLayers(params);
77
78   $(window).on("hashchange", function () {
79     updateLayers(OSM.mapParams());
80   });
81
82   map.on("baselayerchange", function (e) {
83     if (map.getZoom() > e.layer.options.maxZoom) {
84       map.setView(map.getCenter(), e.layer.options.maxZoom, { reset: true });
85     }
86   });
87
88   map.noteLayer = new L.LayerGroup();
89   map.noteLayer.options = {code: 'N'};
90
91   map.dataLayer = new L.OSM.DataLayer(null);
92   map.dataLayer.options.code = 'D';
93
94   var position = $('html').attr('dir') === 'rtl' ? 'topleft' : 'topright';
95
96   L.OSM.zoom({position: position})
97     .addTo(map);
98
99   L.control.locate({
100     position: position,
101     strings: {
102       title: I18n.t('javascripts.map.locate.title'),
103       popup: I18n.t('javascripts.map.locate.popup')
104     }
105   }).addTo(map);
106
107   var sidebar = L.OSM.sidebar('#map-ui')
108     .addTo(map);
109
110   L.OSM.layers({
111     position: position,
112     layers: layers,
113     sidebar: sidebar
114   }).addTo(map);
115
116   L.OSM.key({
117     position: position,
118     sidebar: sidebar
119   }).addTo(map);
120
121   L.OSM.share({
122     position: position,
123     sidebar: sidebar,
124     short: true
125   }).addTo(map);
126
127   L.OSM.note({
128     position: position,
129     sidebar: sidebar
130   }).addTo(map);
131
132   L.control.scale()
133     .addTo(map);
134
135   $('.leaflet-control .control-button').tooltip({placement: 'left', container: 'body'});
136
137   map.on('moveend layeradd layerremove', updateLocation);
138
139   if (OSM.PIWIK) {
140     map.on('layeradd', function (e) {
141       if (e.layer.options) {
142         var goal = OSM.PIWIK.goals[e.layer.options.keyid];
143
144         if (goal) {
145           $('body').trigger('piwikgoal', goal);
146         }
147       }
148     });
149   }
150
151   var marker = L.marker([0, 0], {icon: getUserIcon()});
152
153   if (!params.object_zoom) {
154     if (params.bounds) {
155       map.fitBounds(params.bounds);
156     } else {
157       map.setView([params.lat, params.lon], params.zoom);
158     }
159   }
160
161   if (params.marker) {
162     marker.setLatLng([params.mlat, params.mlon]).addTo(map);
163   }
164
165   if (params.object) {
166     map.addObject(params.object, { zoom: params.object_zoom });
167   }
168
169   $("#homeanchor").on("click", function(e) {
170     e.preventDefault();
171
172     var data = $(this).data(),
173       center = L.latLng(data.lat, data.lon);
174
175     map.setView(center, data.zoom);
176     marker.setLatLng(center).addTo(map);
177   });
178
179   $("a[data-editor=remote]").click(function(e) {
180       remoteEditHandler(map.getBounds());
181       e.preventDefault();
182   });
183
184   if (OSM.preferred_editor == "remote" && $('body').hasClass("site-edit")) {
185     remoteEditHandler(map.getBounds());
186   }
187
188   if (OSM.params().edit_help) {
189     $('#editanchor')
190       .removeAttr('title')
191       .tooltip({
192         placement: 'bottom',
193         title: I18n.t('javascripts.edit_help')
194       })
195       .tooltip('show');
196
197     $('body').one('click', function() {
198       $('#editanchor').tooltip('hide');
199     });
200   }
201
202   initializeSearch(map);
203   initializeExport(map);
204   initializeBrowse(map, params);
205   initializeNotes(map, params);
206
207   if ('undefined' !== typeof initializeChangesets) initializeChangesets(map);
208 });
209
210 function updateLocation() {
211   updatelinks(this.getCenter().wrap(),
212       this.getZoom(),
213       this.getLayersCode(),
214       this.getBounds().wrap());
215
216   var expiry = new Date();
217   expiry.setYear(expiry.getFullYear() + 10);
218   $.cookie("_osm_location", cookieContent(this), { expires: expiry });
219
220   // Trigger hash update on layer changes.
221   this.hash.onMapMove();
222 }