Feature Layer Selection Symbol

Question

Hi all,

In the 3.x JS API, FeatureLayer had a setSelectionSymbol method to control the appearance of the selected feature. In the v4.x JS API, FeatureLayer does not have this method.

How does one set the selection symbol in the 4.x API?

Many thanks,

Greg

imritanshu · Answer

How can we use a Picture Marker symbol as a highlightoption. Is there a way to achieve it? Or we should do it by some random way?

GregKnight_Eptura · Answer

selectionSymbol does not appear to be a property of FeatureLayer.  Am I missing something here?

FeatureLayer | API Reference | ArcGIS Maps SDK for JavaScript 4.26 | ArcGIS Developers

RachelGomez · Answer

In the ArcGIS API for JavaScript 4.x, you can set the selection symbol for a FeatureLayer using the selectionSymbol property. Here's how you can set the selection symbol in the 4.x API:

Create a symbol object that represents the appearance of the selected features. This can be any valid symbol type supported by the API, such as SimpleMarkerSymbol, SimpleLineSymbol, or SimpleFillSymbol.

Assign the symbol object to the selectionSymbol property of the FeatureLayer.

Here's an example code snippet that demonstrates setting the selection symbol for a FeatureLayer in the 4.x API:

javascript
Copy code
// Create the selection symbol
const selectionSymbol = {
type: "simple-fill", // Replace with the desired symbol type
color: [255, 0, 0, 0.5], // Replace with the desired symbol color
outline: {
color: [255, 0, 0], // Replace with the desired outline color
width: 2 // Replace with the desired outline width
}
};

// Create the FeatureLayer with your data source
const featureLayer = new FeatureLayer({
// other layer properties...
// ...

// Set the selection symbol
selectionSymbol: selectionSymbol
});
In this example, selectionSymbol is created as a simple fill symbol with a red color and a red outline. You can modify the symbol properties according to your requirements.

By setting the selectionSymbol property of the FeatureLayer, the specified symbol will be used to highlight the selected features when they are interacted with, such as through selection events or user interaction.

Note: Ensure that you have loaded the appropriate modules for the symbol type you are using. For example, if you are using a SimpleMarkerSymbol, make sure you have imported the esri/symbols/SimpleMarkerSymbol module in your code.

Regards,

Rachel Gomez