topic Re: What is the best way to select features from multiple layers in 4.x? in ArcGIS JavaScript Maps SDK Questions

What is the best way to select features from multiple layers in 4.x?

MattStayner — Mon, 08 Mar 2021 17:16:12 GMT

I have a map that contains features services, map services and graphic layers. What is the best way to select multiple features from multiple layers? For example, I want a user to be able to select a point in a mass of features from multiple layers and cycle through the features in a custom side panel to find the feature they are interested in.

I tried using hitTest, but that only returns the first feature from each layer. Too bad.

I found this example for 3.x. Would this be the best approach in 4.x as well? Any chance I could get one of your awesome working codepen examples using 4.x?

Query and QuertyTask are kind of pain because the buffer needs to change based on the zoom level. I know the API is already accounting for that using hitTest and other methods. Are there any other approaches we should consider? For example, in 3.x, we used var popup = map.infoWindow and connect.connect(popup, "onSetFeatures", function() {}) to trigger the custom panel based on a click on the map. Is there an equivalent approach in 4.x?

Re: What is the best way to select features from multiple layers in 4.x?

JohnGrayson — Mon, 08 Mar 2021 19:27:13 GMT

I wonder if this might help in your use-case:

https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#fetchFeatures

https://developers.arcgis.com/javascript/latest/sample-code/widgets-feature-multiplelayers/

Re: What is the best way to select features from multiple layers in 4.x?

MattStayner — Wed, 10 Mar 2021 00:37:05 GMT

The Esri widget Popup looks like it is what we are looking for. We will give it a try. Thanks!

Re: What is the best way to select features from multiple layers in 4.x?

jkumartry1980 — Thu, 08 Jul 2021 01:52:10 GMT

Hi Matt,

Have you tried this option, I need solution for similar task. Could you please share the idea?

Re: What is the best way to select features from multiple layers in 4.x?

MattStayner — Thu, 08 Jul 2021 16:51:21 GMT

@jkumartry1980 Yes, I got it working, but it took a bit to get everything in place.

First, I added the popupTemplate to all the feature layers in my map

layerToAdd = new FeatureLayer(layer.service_url, { outFields: ['*'], id: layerName, popupTemplate: {}, // required to trigger info panel visible })

Then I listened for a click on the view, and looked at all of the results:

this.view.on('click', async (event) => { // Use popup to select features on the map. Only features with popupTemplate enabled will be selected const resp = await view.popup.fetchFeatures(event) const results = await resp.allGraphicsPromise if (Array.isArray(results)) { if (results.length === 0) { this.$emit('pointer-clicked-outside') return } const popupResults = results.filter((r) => { //do something with results, like highlight the selected feature await this.highlightItem(r) }) } })

Lastly, I highlighted the selected graphic

async highlightItem (gisInfo) { const { view } = this if (gisInfo.layer) { const layerView = await view.whenLayerView(gisInfo.layer) const selected = layerView.highlight(gisInfo) this.highlightSelect.push(selected) } else if (gisInfo?.sourceLayer?.layer) { const layerView = await view.whenLayerView( gisInfo.sourceLayer.layer ) const selected = layerView.highlight(gisInfo) this.highlightSelect.push(selected) } }

I stripped out the code that wasn't applicable. I'm not sure if what I have above will work exactly as-is, but hopefully it gets you on the right track.