ARCGIS: Hide polygons resulting from a spatial query - arcgis

Question

I have a bunch of web layers and want to hide all polygons that are intersect with a given geometry/other layer.
I filter these intersecting polygons using spatial query, but then I don't know how to hide them. I was thinking that can manipulate renderer of resulting polygons, something like: hide(), opacity = 0, visible=false... Is this right approach, or I need first to query polygons that are not intersecting and then add results to a new layer and render only them? In such case what should be query.spatialRelationship?
Here is my query:
view.whenLayerView(layer).then(function(layerView){
var query = layer.createQuery();
query.geometry = new Extent({
xmin: 6902682.7633,
ymin: -3519872.5095,
xmax: 11221869.7958,
ymax: -2276864.0272,
spatialReference: 102100
});
query.spatialRelationship = "intersects";
layer.queryFeatures(query).then(function(results){
for (var index in results.features) {
//hide as manipulate its rendering
}
// or something like layerView.highlight(results.features)
})
});

Answer 1

If you don't want to display the features at all, you can use a QueryTask to retrieve only the features that intersects the extent from the MapService. Then you could create a FeatureLayer with the results.
require(["esri/tasks/QueryTask", "esri/tasks/support/Query", "esri/geometry/Extent", "esri/layers/FeatureLayer"], function(QueryTask, Query, Extent, FeatureLayer){
var layerUrl = " ... "; // Represents the REST endpoint for your layer
var queryTask = new QueryTask({
url: layerUrl
});
var query = new Query();
query.returnGeometry = true;
query.outFields = ["*"];
query.geometry = new Extent({
xmin: 6902682.7633,
ymin: -3519872.5095,
xmax: 11221869.7958,
ymax: -2276864.0272,
spatialReference: 102100
});
query.spatialRelationship = "intersects";
// When resolved, create the featureLayer with the results
queryTask.execute(query).then(function(results){
var layer = new FeatureLayer({
source: results.features
});
});
});
This answer might be the best from a performance stand of view because the intersection is made on the server side and the client won't have to download features that are not needed.

Answer 2

You can change the visible property of the graphics to false
view.whenLayerView(layer).then(function(layerView){
var query = layer.createQuery();
query.geometry = new Extent({
xmin: 6902682.7633,
ymin: -3519872.5095,
xmax: 11221869.7958,
ymax: -2276864.0272,
spatialReference: 102100
});
query.spatialRelationship = "intersects";
layer.queryFeatures(query).then(function(results){
for (var index in results.features) {
results.features[index].visible = false;
}
// or something like layerView.highlight(results.features)
})
});