Hi everyone,
I'm working on a slightly older app with ArcGIS JS API 3.x. I want to send a query only on the visible layers. The query works in such a way that a polygon is drawn by the user and only visible layers are queried. All other layers that are hidden should not be taken into account.
So far I have managed to draw a polygon and send a statistic definition query. It works OK. However, all layers are taken into account. And that's what I don't want
Here is my code. I am grateful for any help!
var fields = ["City", "System", "voltage", "kw"];
var fc_0 = new FeatureLayer("https://arcgis/rest/services/Tracks/MapServer/0", {
mode: FeatureLayer.MODE_ONDEMAND,
supportsStatistics: true,
outFields: ['*'],
visible: false,
id: "fLayer"
});
var fc_1 = new FeatureLayer("https://arcgis/rest/services/Tracks/MapServer/1", {
mode: FeatureLayer.MODE_ONDEMAND,
supportsStatistics: true,
outFields: ['*'],
visible: false,
id: "fLayer"
});
var fc_2 = new FeatureLayer("https://arcgis/rest/services/Tracks/MapServer/2", {
mode: FeatureLayer.MODE_ONDEMAND,
supportsStatistics: true,
outFields: ['*'],
visible: false,
id: "fLayer"
});
var fc_3 = new FeatureLayer("https://arcgis/rest/services/Tracks/MapServer/3", {
mode: FeatureLayer.MODE_ONDEMAND,
supportsStatistics: true,
outFields: ['*'],
visible: false,
id: "fLayer"
});
map.addLayers([fc_0, fc_1, fc_2, fc_3]);
/******Selection Symbol*****/
var color = new Color([48, 178, 255, 0.8]);
var selectionSymbol = new SimpleMarkerSymbol({
"color": color,
"size": 6,
"angle": -30,
"xoffset": 0,
"yoffset": 0,
"type": "esriSMS",
"style": "esriSMSCircle",
"outline": {
"color": [48, 255, 0, 0.3],
"width": 1,
"type": "esriSLS",
"style": "esriSLSSolid"
}
});
featureLayer.setSelectionSymbol(selectionSymbol);
/************************************************************************************************/
/*****StatistcDefinition*****/
var getKWH = new StatisticDefinition();
getKWH.statisticType = "sum";
getKWH.onStatisticField = "kw";
getKWH.outStatisticFieldName = "kwh";
var queryParams = new Query();
queryParams.outFields = fields;
queryParams.returnGeometry = true;
queryParams.outStatistics = [getKWH];
/******Draw Polygon*******/
map.on("load", createToolbar);
var polygonToolbar;
function createToolbar(themap) {
polygonToolbar = new Draw(map);
polygonToolbar.on("draw-end", getPolygon);
}
function activateTool() {
polygonToolbar.activate(Draw["POLYGON"])
//deactivate InfoWindow when the user clicks on the draw toolbar.
map.setInfoWindowOnClick(false);
}
function getPolygon(evt) {
if (evt.geometry.type == "polygon") {
polygonToolbar.deactivate();
}
var polygon = evt.geometry;
queryParams.geometry = polygon;
map.graphics.clear();
switch (evt.geometry.type) {
case "point":
case "multipoint":
symbol = new SimpleMarkerSymbol();
break;
case "polyline":
symbol = new SimpleLineSymbol();
break;
default:
symbol = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID,
new SimpleLineSymbol(SimpleLineSymbol.STYLE_LONGDASHDOT,
new Color([255, 0, 0, 1]), 3), new Color([125, 125, 125, 0.30]));
break;
}
var graphic = new Graphic(evt.geometry, symbol);
map.graphics.add(graphic)
// this Part query only one Feature Layer
fc_0.queryFeatures(queryParams, getStats, errback);
}
function getStats(results) {
var _sumkWh, _sum;
arrayUtils.forEach(results.features, function(feature) {
_sumkWh = feature.attributes.kwh;
_sum = _sumkWh.toFixed(2);
console.log("Sum kWH:", _sumkWh);
});
dom.byId("sumKWH").innerHTML = _sum + " " + "[kW]";
};
/**********Event handler for Polygon Tool ***********/
on(dom.byId('calculateButton'), 'click', function() {
activateTool();
});
on(dom.byId('clearCalculatationButton'), "click", function() {
$(".stats").empty();
map.graphics.clear();
map.setInfoWindowOnClick(true);
});
