function boundsChanged() {
var bounds = getBounds();
-
map.fitBounds(bounds);
locationFilter.setBounds(bounds);
-
- enableFilter();
+ locationFilter.enable();
validateControls();
}
locationFilter.setBounds(map.getBounds().pad(-0.2));
locationFilter.enable();
+ validateControls();
}
function update() {
}
function setBounds(bounds) {
- var precision = zoomPrecision(map.getZoom());
+ var precision = OSM.zoomPrecision(map.getZoom());
$("#minlon").val(bounds.getWest().toFixed(precision));
$("#minlat").val(bounds.getSouth().toFixed(precision));
$("#maxlon").val(bounds.getEast().toFixed(precision));
$("#maxlat").val(bounds.getNorth().toFixed(precision));
+
+ $("#export_overpass").attr("href",
+ "https://overpass-api.de/api/map?bbox=" +
+ $("#minlon").val() + "," + $("#minlat").val() + "," +
+ $("#maxlon").val() + "," + $("#maxlat").val());
}
function validateControls() {
$("#export_commit").toggle(getBounds().getSize() < OSM.MAX_REQUEST_AREA);
}
+ function checkSubmit(e) {
+ if (getBounds().getSize() > OSM.MAX_REQUEST_AREA) e.preventDefault();
+ }
+
page.pushstate = page.popstate = function(path) {
$("#export_tab").addClass("current");
- $("#sidebar").removeClass("minimized");
- map.invalidateSize();
- $("#sidebar_content").load(path, page.load);
+ OSM.loadSidebarContent(path, page.load);
};
page.load = function() {
- $("#sidebar").removeClass("minimized");
map
.addLayer(locationFilter)
.on("moveend", update);
$("#maxlat, #minlon, #maxlon, #minlat").change(boundsChanged);
$("#drag_box").click(enableFilter);
- $("#sidebar_content .close").on("click", page.minimizeSidebar);
+ $(".export_form").on("submit", checkSubmit);
update();
+ return map.getState();
};
page.unload = function() {