https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/get-all-features-in-extent/m-p/1227672#M79206 <P>Hi guys, I'd like to have a list displayed external to the webMap in my app that shows all features in the current extent. And then the user should be able to zoom/pan and have the list automatically update with only the features available in the new extent (after zooming/panning).&nbsp;</P><P>See image to see the functionality I am trying to implement:&nbsp;<BR /><BR /></P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="AnAlien_0-1667335613692.png" style="width: 400px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/55020iE04BFF9E52AB745E/image-size/medium?v=v2&amp;px=400" role="button" title="AnAlien_0-1667335613692.png" alt="AnAlien_0-1667335613692.png" /></span></P><P>&nbsp;</P><P>The results of a search should be displayed on a map as well as the map being able to filter (as user drags/zooms).&nbsp;</P><P>How can I get a list of features that is dynamically tied to the extent?&nbsp;</P> Tue, 01 Nov 2022 20:47:44 GMT AnAlien 2022-11-01T20:47:44Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/get-all-features-in-extent/m-p/1227672#M79206 <P>Hi guys, I'd like to have a list displayed external to the webMap in my app that shows all features in the current extent. And then the user should be able to zoom/pan and have the list automatically update with only the features available in the new extent (after zooming/panning).&nbsp;</P><P>See image to see the functionality I am trying to implement:&nbsp;<BR /><BR /></P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="AnAlien_0-1667335613692.png" style="width: 400px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/55020iE04BFF9E52AB745E/image-size/medium?v=v2&amp;px=400" role="button" title="AnAlien_0-1667335613692.png" alt="AnAlien_0-1667335613692.png" /></span></P><P>&nbsp;</P><P>The results of a search should be displayed on a map as well as the map being able to filter (as user drags/zooms).&nbsp;</P><P>How can I get a list of features that is dynamically tied to the extent?&nbsp;</P> Tue, 01 Nov 2022 20:47:44 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/get-all-features-in-extent/m-p/1227672#M79206 AnAlien 2022-11-01T20:47:44Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/get-all-features-in-extent/m-p/1328374#M82211 <P>I know this is a late message, but you can achieve this by doing the following:<BR /><BR /></P><LI-CODE lang="javascript"> const getAllLayerViews = mapView.map.allLayers.map(layer =&gt; mapView.whenLayerView(layer)); const layerViews = await Promise.all(getAllLayerViews); layerViews.forEach(layerView =&gt; { // monitor layer loading status const watchUpdatesHandle = watch( () =&gt; layerView.updating, updating =&gt; { const layer = getLayerFromId(layerView.layer.id, layers); if (!layer) { return; } controller.broadcast("layerLoadingStatus", { layer: layer, isLoading: updating }); // if it finished loading, then broadcast visible features if (!updating &amp;&amp; isQueryable(layerView.layer)) { const allQuery = new Query(); allQuery.geometry = mapView.extent; allQuery.spatialRelationship = "intersects"; layerView.layer .queryFeatures(allQuery) .then(visibleFeatures =&gt; { controller.broadcast("visibleFeaturesChanged", { layer: layer, features: visibleFeatures }); }) .catch(console.error); } } ); // clean up when the layer is destructed layerView.addHandles(watchUpdatesHandle); });</LI-CODE><P>&nbsp;<BR />This snippet starts off by watching the loading status of all layers available on your webmap (using ESRI's `watch` utility - very useful and more resources about that here:&nbsp;<A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-core-reactiveUtils.html" target="_blank">https://developers.arcgis.com/javascript/latest/api-reference/esri-core-reactiveUtils.html</A>)<BR /><BR />Then once the layer is no longer loading, check if the `layer` supports the `queryFeatures` method, if it does, then we create a new filter which uses the extent/viewport of the map itself in the `Query`. Finally, broadcast these changes to your UI so that it informs you of what is currently visible in the map view.&nbsp;</P> Wed, 13 Sep 2023 16:35:21 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/get-all-features-in-extent/m-p/1328374#M82211 IbrahimE 2023-09-13T16:35:21Z