nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

FeatureFilter in TypeScript

Den-GIS

hi everyone,

I'm in the process of developing a TypeScript web application that uses a spatial filter. I don't understand why the option "filter" on the featureLayerView is not offered at all.

here is my code:

view.map.layers.forEach((layer) => {
view.whenLayerView(layer).then((layerView) => {
if (layer.type === "feature") {
const featureLayerView = layerView;
let selectedFilter = "contains";
const featureFilter = {
geometry: geometry,
spatialRelationship: selectedFilter
};
}
})
.catch(console.error);
});

For any hint, I'm very grateful!

FeatureFilter_LayerView.png

RyanBohan_1-1726780445294.png

Find more posts tagged with

Accepted answers

ReneRubalcava

   view.map.layers.forEach((layer) => {
         if (layer.type === "feature") {
             view.whenLayerView(layer as FeatureLayer).then((layerView) => {
                 let featureLayerView = layerView;
                  let selectedFilter = "contains";
                  const featureFilter = {
                        geometry: geometry,
                        spatialRelationship: selectedFilter
                  };
                 featureLayerView.
             })
                   .catch(console.error);
             }
         });

Alternatively you can do (layerView as __esri.FeatureLayerView)

Either of those will work.

All comments

ReneRubalcava

If you do the layer.type === "feature" before you use whenLayerView. the layer type passed should be recognized as a FeatureLayer, and the layerView will have the type FeatureLayerView.

As it is, the layer being passed to the whenLayerView is just a type "Layer" and you are getting the generic "LayerView" type back, which doesn't have the filter property on it. You can always cast it too, as __esri.FeatureLayerView, but the better option is to narrow the layer type before passing it to whenLayerView to get the proper type back.

Den-GIS

Hi ReneRubalcava
Thanks for the hint!
If that's what you meant, unfortunately didn't help. Here modified code:

function filterFeatures(results: __esri.FeatureSet) {
let geometry = results.features[0].geometry;

view.map.layers.forEach((layer) => {
if (layer.type === "feature") {
view.whenLayerView(layer).then((layerView) => {
let featureLayerView = layerView;
let selectedFilter = "contains";
const featureFilter = {
geometry: geometry,
spatialRelationship: selectedFilter
};
featureLayerView.
})
.catch(console.error);
}
});

}

FeatureFilter_LayerView_2.png

ReneRubalcava

That's weird, I thought that would narrow it down. You can cast "layer as FeatureLayer" when you pass it to whenLayerView and that would return a FeatureLayerView then.

Den-GIS

I'm not sure how you mean that. I tried some code changes. Unfortunately, none of them work. Is there any such example with spatial filter of features classes in typescript?
What I try to do is filter the lines and stations only within a city. I have one polygon feature class (cities), four polyline feature classes (lines) and six point features classes (stations) My goal is for users to select the city via drop down and only within that city should the Lines as well as stations are displayed.

I first do a SQL Where query (e.g. "City = 'Berlin'") to get the geometry. I then pass the geometry to the FeatureFilter parameters:
const featureFilter = {
geometry: geometry,
spatialRelationship: 'contains'
};
At this point then problems begin that as soon as the forEach(); method is applied and whenLayerViewer is executed to get the LayerView of all FeatureLayers, then the FeatureFilter option is not offered. Although I can run for each individual layer whenLayerView is just not so optimal.

Unfortunately, in this case it is necessary to use the spatial filter, because the attribute data of lines and stations is not complete, so an SQL query is not possible. Many would then not be taken into account by the SQL filter. On the other hand, the city data is very good and complete, and a SQL query can be run.

Most of all I would like to run a spatial query against Map Image Service as the performance and rendering is much better than Feature Classes. But I haven't seen the spatial filter option anywhere in ArcGIS API JS. Only SQL query, i.e. definition expression.

ReneRubalcava

   view.map.layers.forEach((layer) => {
         if (layer.type === "feature") {
             view.whenLayerView(layer as FeatureLayer).then((layerView) => {
                 let featureLayerView = layerView;
                  let selectedFilter = "contains";
                  const featureFilter = {
                        geometry: geometry,
                        spatialRelationship: selectedFilter
                  };
                 featureLayerView.
             })
                   .catch(console.error);
             }
         });

Alternatively you can do (layerView as __esri.FeatureLayerView)

Either of those will work.

Den-GIS

That's it. The magic word was "as" which I was missing. I mistakenly wrote view.whenLayerView(layer = new FeatureLayer).then((layerView) => ....

Thank you ReneRubalcava

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.