]> git.openstreetmap.org Git - rails.git/blob - app/assets/javascripts/index.js
525be7e52db1982ef5ed92599641be631c3b5782
[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', function() {
138     updatelinks(
139       map.getCenter().wrap(),
140       map.getZoom(),
141       map.getLayersCode(),
142       map._object);
143
144       var expiry = new Date();
145       expiry.setYear(expiry.getFullYear() + 10);
146       $.cookie("_osm_location", cookieContent(map), { expires: expiry });
147
148       // Trigger hash update on layer changes.
149       map.hash.onMapMove();
150   });
151
152   if (OSM.PIWIK) {
153     map.on('layeradd', function (e) {
154       if (e.layer.options) {
155         var goal = OSM.PIWIK.goals[e.layer.options.keyid];
156
157         if (goal) {
158           $('body').trigger('piwikgoal', goal);
159         }
160       }
161     });
162   }
163
164   var marker = L.marker([0, 0], {icon: getUserIcon()});
165
166   if (!params.object_zoom) {
167     if (params.bounds) {
168       map.fitBounds(params.bounds);
169     } else {
170       map.setView([params.lat, params.lon], params.zoom);
171     }
172   }
173
174   if (params.marker) {
175     marker.setLatLng([params.mlat, params.mlon]).addTo(map);
176   }
177
178   if (params.object) {
179     map.addObject(params.object, { zoom: params.object_zoom });
180   }
181
182   $("#homeanchor").on("click", function(e) {
183     e.preventDefault();
184
185     var data = $(this).data(),
186       center = L.latLng(data.lat, data.lon);
187
188     map.setView(center, data.zoom);
189     marker.setLatLng(center).addTo(map);
190   });
191
192   $("a[data-editor=remote]").click(function(e) {
193       remoteEditHandler(map.getBounds());
194       e.preventDefault();
195   });
196
197   if (OSM.preferred_editor == "remote" && $('body').hasClass("site-edit")) {
198     remoteEditHandler(map.getBounds());
199   }
200
201   if (OSM.params().edit_help) {
202     $('#editanchor')
203       .removeAttr('title')
204       .tooltip({
205         placement: 'bottom',
206         title: I18n.t('javascripts.edit_help')
207       })
208       .tooltip('show');
209
210     $('body').one('click', function() {
211       $('#editanchor').tooltip('hide');
212     });
213   }
214
215   initializeSearch(map);
216   initializeExport(map);
217   initializeBrowse(map, params);
218   initializeNotes(map, params);
219
220   if ('undefined' !== typeof initializeChangesets) initializeChangesets(map);
221 });