How do I select a feature in a FeatureLayer?

BoYan

I have rendered some features(client-side graphics) on a feature layer, how do I select individual features? Essentially I want to change the color or opacity to highlight the selected feature in the layer. The only thing I can do is to show the popup when I click on a feature, but how does the popup show up (how does it know which feature to show popup) under the hood?

UndralBatsukh

Hi there,

You can use MapView.hitTest or SceneView.hitTest​ to search for graphics that intersect where you clicked on the view.

Here is a simple snippet how you can highlight a graphic on the view.

view.on("click", function(evt){

          // Search for graphics at the clicked location

          view.hitTest(evt.screenPoint).then(function(response) {

            var result = response.results[0];

            // console.log(result);

          

            var symbol = new SimpleMarkerSymbol({

              style: "circle",

              size: 20,

              color: "green",

              outline: {

                width: 1,

                color: "neon",

                style: "solid"

              }

            });

      

            view.graphics.removeAll();

            if (result) {

              var selectionGraphic = result.graphic;

              selectionGraphic.symbol = symbol;

              view.graphics.add(selectionGraphic);

            }

          });

});

As for the FeatureLayer.QueryFeatures​, it executes query against feature services. So you should not use against client side graphics. Please take a look at FeatureLayerView.QueryFeatures​ instead.

This looks like a question asked by you and Kristian answered that there is a known problem querying features in sceneview.

Hope this helps