onSelect(e.layer);
});
- dataLayer.on('statechange', function (e) {
- if (e.checked) {
- if (e.disabled) {
- var size = map.getBounds().getSize();
- $('#browse_status').html(
- $("<p class='warning'></p>")
- .text(I18n.t("browse.start_rjs.unable_to_load_size", { max_bbox_size: OSM.MAX_REQUEST_AREA, bbox_size: size.toFixed(2) })));
- } else {
- $('#browse_status').empty();
- }
- }
- });
-
map.on('layeradd', function (e) {
if (e.layer === dataLayer) {
map.on("moveend", updateData);
}
}
- function displayFeatureWarning(count, limit, callback) {
+ function displayFeatureWarning(count, limit, add, cancel) {
$('#browse_status').html(
$("<p class='warning'></p>")
.text(I18n.t("browse.start_rjs.feature_warning", { num_features: count, max_features: limit }))
+ .prepend(
+ $("<span class='icon close'></span>")
+ .click(cancel))
.append(
$("<input type='submit'>")
.val(I18n.t('browse.start_rjs.load_data'))
- .click(callback)));
+ .click(add)));
}
var dataLoader;
function addFeatures() {
$('#browse_status').empty();
dataLayer.addData(features);
+ browseBounds = bounds;
+ }
+
+ function cancelAddFeatures() {
+ $('#browse_status').empty();
}
if (features.length < maxFeatures) {
addFeatures();
} else {
- displayFeatureWarning(features.length, maxFeatures, addFeatures);
+ displayFeatureWarning(features.length, maxFeatures, addFeatures, cancelAddFeatures);
}
dataLoader = null;
- browseBounds = bounds;
}
});
}