]> git.openstreetmap.org Git - rails.git/blob - app/assets/javascripts/index/browse.js
Don't highlight selected items in the data layer
[rails.git] / app / assets / javascripts / index / browse.js
1 OSM.initializeBrowse = function (map) {
2   var browseBounds;
3   var dataLayer = map.dataLayer;
4
5   dataLayer.setStyle({
6     way: {
7       weight: 3,
8       color: "#000000",
9       opacity: 0.4
10     },
11     area: {
12       weight: 3,
13       color: "#ff0000"
14     },
15     node: {
16       color: "#00ff00"
17     }
18   });
19
20   dataLayer.isWayArea = function () {
21     return false;
22   };
23
24   dataLayer.on("click", function (e) {
25     onSelect(e.layer);
26   });
27
28   map.on("layeradd", function (e) {
29     if (e.layer === dataLayer) {
30       map.on("moveend", updateData);
31       updateData();
32     }
33   });
34
35   map.on("layerremove", function (e) {
36     if (e.layer === dataLayer) {
37       map.off("moveend", updateData);
38       $("#browse_status").empty();
39     }
40   });
41
42   function updateData() {
43     var bounds = map.getBounds();
44     if (!browseBounds || !browseBounds.contains(bounds)) {
45       getData();
46     }
47   }
48
49   function displayFeatureWarning(count, limit, add, cancel) {
50     $("#browse_status").html(
51       $("<div>")
52         .append(
53           $("<h2>")
54             .text(I18n.t("browse.start_rjs.load_data"))
55             .prepend($("<span class='icon close'></span>").click(cancel)))
56         .append(
57           $("<div>")
58             .append(
59               $("<p class='alert alert-warning clearfix'></p>")
60                 .text(I18n.t("browse.start_rjs.feature_warning", { num_features: count, max_features: limit })))
61             .append(
62               $("<input type='submit' class='btn btn-primary'>")
63                 .val(I18n.t("browse.start_rjs.load_data"))
64                 .click(add))));
65   }
66
67   var dataLoader;
68
69   function getData() {
70     var bounds = map.getBounds();
71     var url = "/api/" + OSM.API_VERSION + "/map?bbox=" + bounds.toBBoxString();
72
73     /*
74      * Modern browsers are quite happy showing far more than 100 features in
75      * the data browser, so increase the limit to 2000 by default, but keep
76      * it restricted to 500 for IE8 and 100 for older IEs.
77      */
78     var maxFeatures = 2000;
79
80     /*@cc_on
81       if (navigator.appVersion < 8) {
82         maxFeatures = 100;
83       } else if (navigator.appVersion < 9) {
84         maxFeatures = 500;
85       }
86     @*/
87
88     if (dataLoader) dataLoader.abort();
89
90     dataLoader = $.ajax({
91       url: url,
92       success: function (xml) {
93         dataLayer.clearLayers();
94
95         var features = dataLayer.buildFeatures(xml);
96
97         function addFeatures() {
98           $("#browse_status").empty();
99           dataLayer.addData(features);
100           browseBounds = bounds;
101         }
102
103         function cancelAddFeatures() {
104           $("#browse_status").empty();
105         }
106
107         if (features.length < maxFeatures) {
108           addFeatures();
109         } else {
110           displayFeatureWarning(features.length, maxFeatures, addFeatures, cancelAddFeatures);
111         }
112
113         dataLoader = null;
114       }
115     });
116   }
117
118   function onSelect(layer) {
119     OSM.router.route("/" + layer.feature.type + "/" + layer.feature.id);
120   }
121 };