summaryrefslogtreecommitdiff
path: root/misc/openlayers/examples/wps.js
diff options
context:
space:
mode:
authorChris Schlaeger <chris@linux.com>2015-10-17 21:36:38 +0200
committerChris Schlaeger <chris@linux.com>2015-10-17 21:36:38 +0200
commite30f267181d990947e67909de4809fa941698c85 (patch)
tree46e9f94c2b3699ed378963b420b8a8d361286ea1 /misc/openlayers/examples/wps.js
parente763ceb183f389fcd314a4a6a712d87c9d4cdb32 (diff)
downloadpostrunner-e30f267181d990947e67909de4809fa941698c85.zip
Upgrading openlayers to 3.x
Diffstat (limited to 'misc/openlayers/examples/wps.js')
-rw-r--r--misc/openlayers/examples/wps.js353
1 files changed, 0 insertions, 353 deletions
diff --git a/misc/openlayers/examples/wps.js b/misc/openlayers/examples/wps.js
deleted file mode 100644
index e54f35d..0000000
--- a/misc/openlayers/examples/wps.js
+++ /dev/null
@@ -1,353 +0,0 @@
-OpenLayers.ProxyHost = "proxy.cgi?url=";
-
-var wps = "http://demo.opengeo.org/geoserver/wps",
- capabilities, // the capabilities, read by Format.WPSCapabilities::read
- process; // the process description from Format.WPSDescribeProcess::read
-
-// get some capabilities
-getCapabilities();
-
-// create the UI
-var layer = new OpenLayers.Layer.Vector("Scratchpad");
-var toolbar = new OpenLayers.Control.EditingToolbar(layer);
-toolbar.addControls([new OpenLayers.Control.ModifyFeature(layer, {
- title: "Select feature"
-})]);
-var map = new OpenLayers.Map('map', {
- controls: [
- toolbar,
- new OpenLayers.Control.ZoomPanel(),
- new OpenLayers.Control.PanPanel()
- ],
- layers: [
- new OpenLayers.Layer.WMS(
- "OSM", "http://maps.opengeo.org/geowebcache/service/wms",
- {layers: "openstreetmap", format: "image/png"}
- ), layer
- ]
-});
-map.zoomToMaxExtent();
-
-// add behavior to html elements
-document.getElementById("processes").onchange = describeProcess;
-
-// using OpenLayers.Format.WPSCapabilities to read the capabilities
-function getCapabilities() {
- OpenLayers.Request.GET({
- url: wps,
- params: {
- "SERVICE": "WPS",
- "REQUEST": "GetCapabilities"
- },
- success: function(response){
- capabilities = new OpenLayers.Format.WPSCapabilities().read(
- response.responseText
- );
- var dropdown = document.getElementById("processes");
- var offerings = capabilities.processOfferings, option;
- // populate the dropdown
- for (var p in offerings) {
- option = document.createElement("option");
- option.innerHTML = offerings[p].identifier;
- option.value = p;
- dropdown.appendChild(option);
- }
- }
- });
-}
-
-// using OpenLayers.Format.WPSDescribeProcess to get information about a
-// process
-function describeProcess() {
- var selection = this.options[this.selectedIndex].value;
- OpenLayers.Request.GET({
- url: wps,
- params: {
- "SERVICE": "WPS",
- "REQUEST": "DescribeProcess",
- "VERSION": capabilities.version,
- "IDENTIFIER": selection
- },
- success: function(response) {
- process = new OpenLayers.Format.WPSDescribeProcess().read(
- response.responseText
- ).processDescriptions[selection];
- buildForm();
- }
- });
-}
-
-// dynamically create a form from the process description
-function buildForm() {
- document.getElementById("abstract").innerHTML = process["abstract"];
- document.getElementById("input").innerHTML = "<h3>Input:</h3>";
- document.getElementById("output").innerHTML = "";
-
- var inputs = process.dataInputs, supported = true,
- sld = "text/xml; subtype=sld/1.0.0",
- input;
- for (var i=0,ii=inputs.length; i<ii; ++i) {
- input = inputs[i];
- if (input.complexData) {
- var formats = input.complexData.supported.formats;
- if (formats["application/wkt"]) {
- addWKTInput(input);
- } else if (formats["text/xml; subtype=wfs-collection/1.0"]) {
- addWFSCollectionInput(input);
- } else if (formats["image/tiff"]) {
- addRasterInput(input);
- } else if (formats[sld]) {
- addXMLInput(input, sld);
- } else {
- supported = false;
- }
- } else if (input.boundingBoxData) {
- addBoundingBoxInput(input);
- } else if (input.literalData) {
- addLiteralInput(input);
- } else {
- supported = false;
- }
- if (input.minOccurs > 0) {
- document.getElementById("input").appendChild(document.createTextNode("* "));
- }
- }
-
- if (supported) {
- var executeButton = document.createElement("button");
- executeButton.innerHTML = "Execute";
- document.getElementById("input").appendChild(executeButton);
- executeButton.onclick = execute;
- } else {
- document.getElementById("input").innerHTML = '<span class="notsupported">' +
- "Sorry, the WPS builder does not support the selected process." +
- "</span>";
- }
-}
-
-// helper function to dynamically create a textarea for geometry (WKT) data
-// input
-function addWKTInput(input, previousSibling) {
- var name = input.identifier;
- var container = document.getElementById("input");
- var label = document.createElement("label");
- label["for"] = name;
- label.title = input["abstract"];
- label.innerHTML = name + " (select feature, then click field):";
- previousSibling && previousSibling.nextSibling ?
- container.insertBefore(label, previousSibling.nextSibling) :
- container.appendChild(label);
- var field = document.createElement("textarea");
- field.onclick = function () {
- if (layer.selectedFeatures.length) {
- this.innerHTML = new OpenLayers.Format.WKT().write(
- layer.selectedFeatures[0]
- );
- }
- createCopy(input, this, addWKTInput);
- };
- field.onblur = function() {
- input.data = field.value ? {
- complexData: {
- mimeType: "application/wkt",
- value: this.value
- }
- } : undefined;
- };
- field.title = input["abstract"];
- field.id = name;
- previousSibling && previousSibling.nextSibling ?
- container.insertBefore(field, previousSibling.nextSibling.nextSibling) :
- container.appendChild(field);
-}
-
-// helper function for xml input
-function addXMLInput(input, type) {
- var name = input.identifier;
- var field = document.createElement("input");
- field.title = input["abstract"];
- field.value = name + " (" + type + ")";
- field.onblur = function() {
- input.data = field.value ? {
- complexData: {
- mimeType: type,
- value: this.value
- }
- } : undefined;
- };
- document.getElementById("input").appendChild(field);
-}
-
-// helper function to dynamically create a WFS collection reference input
-function addWFSCollectionInput(input) {
- var name = input.identifier;
- var field = document.createElement("input");
- field.title = input["abstract"];
- field.value = name + " (layer on demo server)";
- addValueHandlers(field, function() {
- input.reference = field.value ? {
- mimeType: "text/xml; subtype=wfs-collection/1.0",
- href: "http://geoserver/wfs",
- method: "POST",
- body: {
- wfs: {
- version: "1.0.0",
- outputFormat: "GML2",
- featureType: field.value
- }
- }
- } : undefined;
- });
- document.getElementById("input").appendChild(field);
-}
-
-// helper function to dynamically create a raster (GeoTIFF) url input
-function addRasterInput(input) {
- var name = input.identifier;
- var field = document.createElement("input");
- field.title = input["abstract"];
- var url = window.location.href.split("?")[0];
- field.value = url.substr(0, url.lastIndexOf("/")+1) + "data/tazdem.tiff";
- document.getElementById("input").appendChild(field);
- (field.onblur = function() {
- input.reference = {
- mimeType: "image/tiff",
- href: field.value,
- method: "GET"
- };
- })();
-}
-
-// helper function to dynamically create a bounding box input
-function addBoundingBoxInput(input) {
- var name = input.identifier;
- var field = document.createElement("input");
- field.title = input["abstract"];
- field.value = "left,bottom,right,top (EPSG:4326)";
- document.getElementById("input").appendChild(field);
- addValueHandlers(field, function() {
- input.boundingBoxData = {
- projection: "EPSG:4326",
- bounds: OpenLayers.Bounds.fromString(field.value)
- };
- });
-}
-
-// helper function to create a literal input textfield or dropdown
-function addLiteralInput(input, previousSibling) {
- var name = input.identifier;
- var container = document.getElementById("input");
- var anyValue = input.literalData.anyValue;
- // anyValue means textfield, otherwise we create a dropdown
- var field = document.createElement(anyValue ? "input" : "select");
- field.id = name;
- field.title = input["abstract"];
- previousSibling && previousSibling.nextSibling ?
- container.insertBefore(field, previousSibling.nextSibling) :
- container.appendChild(field);
- if (anyValue) {
- var dataType = input.literalData.dataType;
- field.value = name + (dataType ? " (" + dataType + ")" : "");
- addValueHandlers(field, function() {
- input.data = field.value ? {
- literalData: {
- value: field.value
- }
- } : undefined;
- createCopy(input, field, addLiteralInput);
- });
- } else {
- var option;
- option = document.createElement("option");
- option.innerHTML = name;
- field.appendChild(option);
- for (var v in input.literalData.allowedValues) {
- option = document.createElement("option");
- option.value = v;
- option.innerHTML = v;
- field.appendChild(option);
- }
- field.onchange = function() {
- createCopy(input, field, addLiteralInput);
- input.data = this.selectedIndex ? {
- literalData: {
- value: this.options[this.selectedIndex].value
- }
- } : undefined;
- };
- }
-}
-
-// if maxOccurs is > 1, this will add a copy of the field
-function createCopy(input, field, fn) {
- if (input.maxOccurs && input.maxOccurs > 1 && !field.userSelected) {
- // add another copy of the field - we don't check maxOccurs
- field.userSelected = true;
- var newInput = OpenLayers.Util.extend({}, input);
- // we recognize copies by the occurrence property
- newInput.occurrence = (input.occurrence || 0) + 1;
- process.dataInputs.push(newInput);
- fn(newInput, field);
- }
-}
-
-// helper function for adding events to form fields
-function addValueHandlers(field, onblur) {
- field.onclick = function() {
- if (!this.initialValue) {
- this.initialValue = this.value;
- this.value = "";
- }
- };
- field.onblur = function() {
- if (!this.value) {
- this.value = this.initialValue;
- delete this.initialValue;
- }
- onblur.apply(this, arguments);
- };
-}
-
-// execute the process
-function execute() {
- var output = process.processOutputs[0];
- var input;
- // remove occurrences that the user has not filled out
- for (var i=process.dataInputs.length-1; i>=0; --i) {
- input = process.dataInputs[i];
- if ((input.minOccurs === 0 || input.occurrence) && !input.data && !input.reference) {
- OpenLayers.Util.removeItem(process.dataInputs, input);
- }
- }
- process.responseForm = {
- rawDataOutput: {
- identifier: output.identifier
- }
- };
- if (output.complexOutput && output.complexOutput.supported.formats["application/wkt"]) {
- process.responseForm.rawDataOutput.mimeType = "application/wkt";
- }
- OpenLayers.Request.POST({
- url: wps,
- data: new OpenLayers.Format.WPSExecute().write(process),
- success: showOutput
- });
-}
-
-// add the process's output to the page
-function showOutput(response) {
- var result = document.getElementById("output");
- result.innerHTML = "<h3>Output:</h3>";
- var features;
- var contentType = response.getResponseHeader("Content-Type");
- if (contentType == "application/wkt") {
- features = new OpenLayers.Format.WKT().read(response.responseText);
- } else if (contentType == "text/xml; subtype=wfs-collection/1.0") {
- features = new OpenLayers.Format.WFST.v1_0_0().read(response.responseText);
- }
- if (features && (features instanceof OpenLayers.Feature.Vector || features.length)) {
- layer.addFeatures(features);
- result.innerHTML += "The result should also be visible on the map.";
- }
- result.innerHTML += "<textarea>" + response.responseText + "</textarea>";
-} \ No newline at end of file