issue with change color on mouse move event

samitalebi — Fri, 04 Aug 2023 00:28:06 GMT

I done bellow steps but color doesn't change to the previous after mouse move:

1- created a feature layer with graphic source and set renderer to blue color

2- set green color for specific points on the map after click. I used bellow code for changing to green color:

response.features.map(function (graphic) {
let stationGraphic = graphic.clone();
stationGraphic.symbol = pointSymbolGreen;
}

mainView.graphics.add(stationGraphic);
});

3- set red color on mouse move event as:
if (geometry.type === "point") {

if (mainView.graphics.length) {
for (const mapGraphic of mainView.graphics) {
if (mapGraphic.geometry.type === "point") {

if (!selectedStaionIds.includes(mapGraphic.attributes.StationID.toString())) { //remove all point colors except green ones
mainView.graphics.remove(mapGraphic);
}
if (selectedStaionIds.includes(layerAttribute.toString())) { //remove current green color
mainView.graphics.remove(mapGraphic);
}

}
}

}
graphic.symbol = pointSymbolRed;
mainView.graphics.add(graphic);

but specific points remain red after mouse move instead of green like bellow. The code works fine for blue points!

Re: issue with change color on mouse move event

UndralBatsukh — Fri, 04 Aug 2023 14:25:25 GMT

Hi there,

You cannot change a symbol of a feature participating in a FeatureLayer. That needs to happen through layer's renderer.

If you want to change the color of features that intersect your mouse location you can use the FeatureLayerView.hightlightOptions.

This codepen shows how it can be done: https://codepen.io/U_B_U/pen/JjezNYZ?editors=100

topic Re: issue with change color on mouse move event in ArcGIS JavaScript Maps SDK Questions

issue with change color on mouse move event

Re: issue with change color on mouse move event