-function startBrowse(sidebarHtml) {
- var browseBoxControl;
- var browseMode = "auto";
- var browseBounds;
- var browseFeatureList;
- var browseActiveFeature;
- var browseDataLayer;
- var browseSelectControl;
- var browseObjectList;
- var areasHidden = false;
-
- OpenLayers.Feature.Vector.style['default'].strokeWidth = 3;
- OpenLayers.Feature.Vector.style['default'].cursor = "pointer";
-
- map.dataLayer.active = true;
-
- $("#sidebar_title").html(I18n.t('browse.start_rjs.data_frame_title'));
- $("#sidebar_content").html(sidebarHtml);
-
- openSidebar();
-
- var vectors = new OpenLayers.Layer.Vector();
-
- browseBoxControl = new OpenLayers.Control.DrawFeature(vectors, OpenLayers.Handler.RegularPolygon, {
- handlerOptions: {
- sides: 4,
- snapAngle: 90,
- irregular: true,
- persist: true
- }
- });
- browseBoxControl.handler.callbacks.done = endDrag;
- map.addControl(browseBoxControl);
-
- map.events.register("moveend", map, updateData);
- map.events.triggerEvent("moveend");
-
- $("#browse_select_view").click(useMap);
-
- $("#browse_select_box").click(startDrag);
-
- $("#browse_hide_areas_box").html(I18n.t('browse.start_rjs.hide_areas'));
- $("#browse_hide_areas_box").show();
- $("#browse_hide_areas_box").click(hideAreas);
-
- function updateData() {
- if (browseMode == "auto") {
- if (map.getZoom() >= 15) {
- useMap(false);
- } else {
- setStatus(I18n.t('browse.start_rjs.zoom_or_select'));
- }
- }
- }
-
- $("#sidebar").one("closed", function () {
- if (map.dataLayer.active) {
- map.dataLayer.active = false;
-
- if (browseSelectControl) {
- browseSelectControl.destroy();
- browseSelectControl = null;
- }
-
- if (browseBoxControl) {
- browseBoxControl.destroy();
- browseBoxControl = null;
- }
-
- if (browseActiveFeature) {
- browseActiveFeature.destroy();
- browseActiveFeature = null;
- }
-
- if (browseDataLayer) {
- browseDataLayer.destroy();
- browseDataLayer = null;
- }
-
- map.dataLayer.setVisibility(false);
- map.events.unregister("moveend", map, updateData);
- }
- });
-
- function startDrag() {
- $("#browse_select_box").html(I18n.t('browse.start_rjs.drag_a_box'));
-
- browseBoxControl.activate();
-
- return false;
- }
-
- function useMap(reload) {
- var bounds = map.getExtent();
- var projected = bounds.clone().transform(map.getProjectionObject(), epsg4326);
-
- if (!browseBounds || !browseBounds.containsBounds(projected)) {
- var center = bounds.getCenterLonLat();
- var tileWidth = bounds.getWidth() * 1.2;
- var tileHeight = bounds.getHeight() * 1.2;
- var tileBounds = new OpenLayers.Bounds(center.lon - (tileWidth / 2),
- center.lat - (tileHeight / 2),
- center.lon + (tileWidth / 2),
- center.lat + (tileHeight / 2));
-
- browseBounds = tileBounds;
- getData(tileBounds, reload);
-
- browseMode = "auto";
-
- $("#browse_select_view").hide();
- }
-
- return false;
- }
-
- function hideAreas() {
- $("#browse_hide_areas_box").html(I18n.t('browse.start_rjs.show_areas'));
- $("#browse_hide_areas_box").show();
- $("#browse_hide_areas_box").click(showAreas);
-
- areasHidden = true;
-
- useMap(true);
- }
-
- function showAreas() {
- $("#browse_hide_areas_box").html(I18n.t('browse.start_rjs.hide_areas'));
- $("#browse_hide_areas_box").show();
- $("#browse_hide_areas_box").click(hideAreas);
-
- areasHidden = false;
-
- useMap(true);
- }
-
- function endDrag(bbox) {
- var bounds = bbox.getBounds();
- var projected = bounds.clone().transform(map.getProjectionObject(), epsg4326);
-
- browseBoxControl.deactivate();
- browseBounds = projected;
- getData(bounds);
-
- browseMode = "manual";
-
- $("#browse_select_box").html(I18n.t('browse.start_rjs.manually_select'));
- $("#browse_select_view").show();
- }
-
- function displayFeatureWarning(count, limit, callback) {
- clearStatus();
-
- var div = document.createElement("div");
-
- var p = document.createElement("p");
- p.appendChild(document.createTextNode(I18n.t("browse.start_rjs.loaded_an_area_with_num_features", { num_features: count, max_features: limit })));
- div.appendChild(p);
-
- var input = document.createElement("input");
- input.type = "submit";
- input.value = I18n.t('browse.start_rjs.load_data');
- input.onclick = callback;
- div.appendChild(input);
-
- $("#browse_content").html("");
- $("#browse_content").append(div);
- }
-
- function customDataLoader(resp, options) {
- if (map.dataLayer.active) {
- var request = resp.priv;
- var doc = request.responseXML;
-
- if (!doc || !doc.documentElement) {
- doc = request.responseText;
- }
-
- resp.features = this.format.read(doc);
-
- if (!this.maxFeatures || resp.features.length <= this.maxFeatures) {
- options.callback.call(options.scope, resp);
- } else {
- displayFeatureWarning(resp.features.length, this.maxFeatures, function () {
- options.callback.call(options.scope, resp);
- });
- }
- }
- }
-
- function getData(bounds, reload) {
- var projected = bounds.clone().transform(new OpenLayers.Projection("EPSG:900913"), new OpenLayers.Projection("EPSG:4326"));
- var size = projected.getWidth() * projected.getHeight();
-
- if (size > OSM.MAX_REQUEST_AREA) {
- setStatus(I18n.t("browse.start_rjs.unable_to_load_size", { max_bbox_size: OSM.MAX_REQUEST_AREA, bbox_size: size }));