topic Re: Analysis Widget in Web AppBuilder Custom Widgets Questions

Analysis Widget

NicholasBarger — Fri, 10 Apr 2015 19:53:26 GMT

JAVA WAB 1.1 has a great new tool in the analysis widget. However, my enthusiasm was short lived when I found that the tool could only work with AGOL services...which renders this tool virtually useless. I'm thinking not to many agencies have the number of users, or the amount of credits needed, to hand out a website with this widget and allow outside groups to access and write data, (consume credits), out of your their organization.

So, my real question... has anyone hacked this to run off of a local service out of ArcGIS Server? If I can produce the service in house I should be able to consume it in house!!!!

Any advice or input is appreciated!

Thanks.

Robert Scheitlin, GISP

Rebecca Strauch

Re: Analysis Widget

RebeccaStrauch__GISP — Mon, 13 Apr 2015 00:41:21 GMT

Hi Nicholas,

Sorry I didn't respond earlier, but I haven't had a chance yet to do much with WAB 1.1....maybe this week. Just guessing though, I would think that if you use the LocalLayer widget LocalLayerWidget and AccessifizrWidget to acess you local services, that the analysis widget would be able to access them also (again, not tested and not confirmed yet).

Are you using the LocalLayer widget with your ArcGIS Server services already and does that all seem to be working (i.e. nothing being blocked do to permissions or anything?). If so, and the analysis widget still has errors, if may be something that needs to be hardcoded/tweaked. I haven't seen any custom widgets for analysis yet...but that doesn't mean there isn't something out there that I haven't seen yet (I try to keep up on my resource list....but may not see everything right away).

Re: Analysis Widget

NicholasBarger — Mon, 13 Apr 2015 11:56:04 GMT

Hi Rebecca,

No worries. I am using the local layer widget. Based on what I've seen from the code / interface it forces my to add an AGOL Service and save any datasets into AGOL. Neither option is desirable, but the last one is exceptionally troubling since it would consume credits every time someone pulled data from us...not to mention we would have to add them as a user in our Org. I really don't know what ESRI is thinking with this AGOL, but I feel like they are shooting themselves in the foot with it. I plan on doing some more digging in the code today to see what I can uncover.

Thanks,

Nick

Re: Analysis Widget

NicholasBarger — Tue, 14 Apr 2015 18:01:44 GMT

Based on the info I have found the Analysis tools can only be used with AGOL. I have some custom code that uses my URL information. I pulled this from the ArcGIS API Samples page. Anyways, I have that running successfully, but my next massive hurdle is getting it into a usable Widget in WAB.

Re: Analysis Widget

RebeccaStrauch__GISP — Tue, 14 Apr 2015 18:15:32 GMT

I still haven't had a chance to try, but I'll keep tabs on your progress.

Re: Analysis Widget

NicholasBarger — Wed, 15 Apr 2015 13:56:19 GMT

Well here is what I have so far. I was able to grab the sample Data Extract Widget and get it working, but this is a self contained website, which is very plain. Since I have very limited programming skills I have most likely taken this as far as I can.

I'm struggling with trying to get this code converted over to a usable widget... either in WAB or outside.

------------------

<!DOCTYPE html>

<html>

<head>

<title>Data Download</title>

<style>

html, body, #map {

height: 100%;

width: 100%;

margin: 0;

padding: 0;

}

#HomeButton {

position: absolute;

top: 95px;

left: 20px;

z-index: 50;

}

body {

background-color: #FFF;

overflow: hidden;

font-family: "Trebuchet MS";

}

.claro .dijitBorderContainer-child {

border: none;

}

.claro .dijitBorderContainer-dijitContentPane, .claro .dijitContentPane {

padding: 0;

}

.claro .dijitTitlePaneContentInner {

line-height: 1.4em;

}

#controls {

position:absolute;

top:1em;right:1em;

width:auto !important;

height:auto !important;

z-index:10;

}

#loading {

display: none;

vertical-align: middle;

}

.freehandIcon { background-image:url(./images/i_draw_freepoly.PNG); width:20px; height:20px; }

.polyIcon { background-image:url(./images/i_draw_poly.png); width:20px; height:20px;}

</style>

var gp, map;

require(["esri/map", "esri/dijit/HomeButton", "esri/dijit/Scalebar", "esri/config",

"esri/layers/ArcGISDynamicMapServiceLayer",

"esri/tasks/Geoprocessor", "esri/tasks/FeatureSet", "esri/toolbars/draw",

"esri/symbols/SimpleFillSymbol", "esri/symbols/SimpleLineSymbol",

"esri/graphic",

"esri/Color",

"dojo/dom", "dojo/dom-style", "dojo/query", "dojo/parser",

"dijit/registry",

"dijit/layout/BorderContainer", "dijit/layout/ContentPane",

"dijit/TitlePane", "dijit/form/CheckBox", "dijit/form/ComboBox",

"dojo/domReady!"], function(Map, HomeButton, Scalebar, esriConfig,

ArcGISDynamicMapServiceLayer,

Geoprocessor, FeatureSet, Draw,

SimpleFillSymbol, SimpleLineSymbol,

Graphic,

Color,

dom, domStyle, query, parser,

registry)

{

// Create all dijits.

parser.parse();

// Prevent flash of unstyled content(FOUC).

domStyle.set(query("body")[0], "visibility", "visible");

// Specify where the location of the proxy to use to communicate with the extract GP service.

esriConfig.defaults.io.proxyUrl = "/proxy/";

// Keep a reference to the loading icon DOM node.

var loading = dom.byId("loading");

map = new Map("map", {

basemap: "",

center: [-77.844, 41.834],

zoom: 10

});

home = new HomeButton({

map: map

}, "HomeButton");

home.startup();

scalebar = new Scalebar({

map: map,

// "dual" displays both miles and kilmometers

// "english" is the default, which displays miles

// use "metric" for kilometers

scalebarUnit: "dual"

});

map.on("load", initSelectionToolbar);

var homelandSecurity = new ArcGISDynamicMapServiceLayer("http://..../arcgis/rest/services/sitename/MapServer");

map.addLayer(homelandSecurity);

gp = new Geoprocessor("http://.../arcgis/rest/services/.../GPServer/Extract%20Data%20Task");

gp.setOutSpatialReference({wkid:102100});

registry.byId("polygon").on("click", function() {

activateTool(this.id);

});

registry.byId("freehandpolygon").on("click", function() {

activateTool(this.id);

});

registry.byId("extract").on("click", extractData);

function initSelectionToolbar() {

map.graphics.clear();

selectionToolbar = new Draw(map);

selectionToolbar.on("draw-end", function(e) {

selectionToolbar.deactivate();

var symbol = new SimpleFillSymbol(

"solid",

new SimpleLineSymbol("dash", new Color([255,0,0]), 2),

new Color([255,255,0,0.25])

);

var graphic = new Graphic(e.geometry, symbol);

map.graphics.add(graphic);

});

}

function activateTool(tool) {

map.graphics.clear();

// The draw.activate expects a string like "polygon" or "freehand_polygon".

selectionToolbar.activate(tool);

}

function extractData(){

//get clip layers

var clipLayers = [];

if ( registry.byId("layer0").get("checked") ) { clipLayers.push("schools"); }

if ( registry.byId("layer1").get("checked") ) { clipLayers.push("villages"); }

if ( registry.byId("layer2").get("checked") ) { clipLayers.push("streams"); }

if ( registry.byId("layer3").get("checked") ) { clipLayers.push("streets"); }

if ( registry.byId("layer4").get("checked") ) { clipLayers.push("railway"); }

if ( registry.byId("layer5").get("checked") ) { clipLayers.push("driveways"); }

if ( registry.byId("layer6").get("checked") ) { clipLayers.push("utils"); }

if ( registry.byId("layer7").get("checked") ) { clipLayers.push("buildings"); }

if ( registry.byId("layer8").get("checked") ) { clipLayers.push("ipars"); }

if ( registry.byId("layer9").get("checked") ) { clipLayers.push("Parcels_Owner"); }

if ( registry.byId("layer10").get("checked") ) { clipLayers.push("WaterSA"); }

if ( registry.byId("layer11").get("checked") ) { clipLayers.push("Centre"); }

if ( clipLayers.length === 0 || map.graphics.graphics.length === 0 ) {

alert("Select layers to extract and draw an area of interest.");

return;

}

var featureSet = new FeatureSet();

var features = [];

features.push(map.graphics.graphics[0]);

featureSet.features = features;

var params = {

"Layers_to_Clip": clipLayers,

"Area_of_Interest": featureSet,

"Feature_Format": registry.byId("formatBox").get("value")

};

domStyle.set(loading, "display", "inline-block");

gp.submitJob(params, completeCallback , statusCallback, function(error){

alert(error);

domStyle.set(loading, "display", "none");

});

}

function completeCallback(jobInfo){

if ( jobInfo.jobStatus !== "esriJobFailed" ) {

gp.getResultData(jobInfo.jobId, "Output_Zip_File", downloadFile);

}

function statusCallback(jobInfo) {

var status = jobInfo.jobStatus;

if ( status === "esriJobFailed" ) {

alert(status);

domStyle.set("loading", "display", "none");

}

else if (status === "esriJobSucceeded"){

domStyle.set("loading", "display", "none");

}

function downloadFile(outputFile){

map.graphics.clear();

var theurl = outputFile.value.url;

window.location = theurl;

}

});

</script>

</head>

<div data-dojo-type="dijit/layout/BorderContainer"

data-dojo-prps="gutters:false"

style="width: 100%; height: 100%;margin:0;">

<div id="map"

data-dojo-type="dijit/layout/ContentPane"

data-dojo-props="region:'center'">

1.Select area of interest

<br>

<button id="polygon"

data-dojo-type="dijit/form/Button"

data-dojo-props="iconClass:'polyIcon', showLabel:false">

Polygon

</button>

<button id="freehandpolygon"

data-dojo-type="dijit.form.Button"

data-dojo-props="iconClass:'freehandIcon', showLabel:false">

Freehand

</button>

2.Select Layers to extract data from

<br>

<label for="layer0">Schools</label><br>

<label for="layer1">Villages</label><br>

<label for="layer2">Streams</label><br>

<label for="layer3">Streets</label><br>

<label for="layer4">Railway</label><br>

<label for="layer5">Driveways</label><br>

<label for="layer6">Utility Roads</label><br>

<label for="layer7">Buildings</label><br>

<label for="layer8">Unsold Lots</label><br>

<label for="layer9">Parcels</label><br>

<label for="layer10">Water Service Areas</label><br>

<label for="layer11">Municipal Lines</label>

3.Specify download format

<br>

<option>Shapefile - SHP - .shp</option>

<option>File Geodatabase - GDB - .gdb</option>

<option>Autodesk AutoCAD - DXF_R2007 - .dxf</option>

<option>Autodesk AutoCAD - DWG_R2007 - .dwg</option>

<option>Bentley Microstation Design (V8) - DGN_V8 - .dgn</option>

</select>

<button id="extract" data-dojo-type="dijit/form/Button">Extract Data</button>

</div>

</body>

</html>

Re: Analysis Widget

RobertScheitlin__GISP — Wed, 15 Apr 2015 14:14:02 GMT

Nick,

Have tried just using the GeoProcessing widget that is part of WAB for this?

Re: Analysis Widget

NicholasBarger — Wed, 15 Apr 2015 14:15:49 GMT

no....but I will look into it.

Re: Analysis Widget

NicholasBarger — Wed, 15 Apr 2015 14:23:41 GMT

Robert....good call. I never thought to look in there. I was so focused on the analysis tool that they released. Works great!

I'm really surprised that the Tech Support didn't think of this either.

Re: Analysis Widget

RebeccaStrauch__GISP — Wed, 15 Apr 2015 15:22:16 GMT

well...that seems like a much simpler solution.