]> git.openstreetmap.org Git - rails.git/blob - app/assets/javascripts/browse.js
Basic framework for map UI
[rails.git] / app / assets / javascripts / browse.js
1 $(document).ready(function () {
2   function remoteEditHandler(bbox, select) {
3     var left = bbox.getWest() - 0.0001;
4     var top = bbox.getNorth() + 0.0001;
5     var right = bbox.getEast() + 0.0001;
6     var bottom = bbox.getSouth() - 0.0001;
7     var loaded = false;
8
9     $("#linkloader").load(function () { loaded = true; });
10
11     if (select) {
12       $("#linkloader").attr("src", "http://127.0.0.1:8111/load_and_zoom?left=" + left + "&top=" + top + "&right=" + right + "&bottom=" + bottom + "&select=" + select);
13     } else {
14       $("#linkloader").attr("src", "http://127.0.0.1:8111/load_and_zoom?left=" + left + "&top=" + top + "&right=" + right + "&bottom=" + bottom);
15     }
16
17     setTimeout(function () {
18       if (!loaded) alert(I18n.t('site.index.remote_failed'));
19     }, 1000);
20
21     return false;
22   }
23
24   var map = createMap("small_map", {
25     layerControl: false,
26     panZoomControl: false,
27     attributionControl: false
28   });
29
30   var params = $("#small_map").data();
31   if (params.type == "changeset") {
32     var bbox = L.latLngBounds([params.minlat, params.minlon],
33                               [params.maxlat, params.maxlon]);
34
35     map.fitBounds(bbox);
36     addBoxToMap(bbox);
37
38     $("#loading").hide();
39     $("#browse_map .geolink").show();
40
41     $("a[data-editor=remote]").click(function () {
42       return remoteEditHandler(bbox);
43     });
44
45     var centre = bbox.getCenter();
46     updatelinks(centre.lng, centre.lat, 16, null, params.minlon, params.minlat, params.maxlon, params.maxlat);
47   } else if (params.type == "note") {
48     var object = {type: params.type, id: params.id};
49
50     map.setView([params.lat, params.lon], 16);
51
52     L.marker([params.lat, params.lon], { icon: getUserIcon() }).addTo(map);
53
54     var bbox = map.getBounds();
55
56     $("#loading").hide();
57     $("#browse_map .geolink").show();
58
59     $("a[data-editor=remote]").click(function () {
60       return remoteEditHandler(bbox);
61     });
62
63     updatelinks(params.lon, params.lat, 16, null, 
64                 bbox.getWest(), bbox.getSouth(),
65                 bbox.getEast(), bbox.getNorth(),
66                 object);
67   } else {
68     $("#object_larger_map").hide();
69     $("#object_edit").hide();
70
71     var object = {type: params.type, id: params.id};
72
73     if (!params.visible) {
74       object.version = params.version - 1;
75     }
76
77     addObjectToMap(object, {
78       zoom: true, 
79       callback: function(extent) {
80         $("#loading").hide();
81         $("#browse_map .geolink").show();
82
83         if (extent) {
84           $("a.bbox[data-editor=remote]").click(function () {
85             return remoteEditHandler(extent);
86           });
87
88           $("a.object[data-editor=remote]").click(function () {
89             return remoteEditHandler(extent, params.type + params.id);
90           });
91
92           $("#object_larger_map").show();
93           $("#object_edit").show();
94
95           var centre = extent.getCenter();
96           updatelinks(centre.lng,
97                       centre.lat,
98                       16, null,
99                       extent.getWest(),
100                       extent.getSouth(),
101                       extent.getEast(),
102                       extent.getNorth(),
103                       object);
104         } else {
105           $("#small_map").hide();
106         }
107       }
108     });
109   }
110
111   createMenu("area_edit", "area_edit_menu", "right");
112   createMenu("object_edit", "object_edit_menu", "right");
113 });