Polygon Changes Colour on Mouse Hover

RowanTaylor

Hello!

I've made a map with a layer of building polygons in ArcGIS Online. (This map is being fed through Experience Builder so happy to use either platform for a fix!)

I would like the colour of a building polygon to change when the mouse hovers over it - I'm able to do this with the button widget in Experience Builder but I can't seem to do the same within the map. Is there a way to do this?

Thank you very much,

(I've accidently put this on the Survey123 board - please ignore it there!)

JeffreyThompson2

https://developers.arcgis.com/javascript/latest/references/core/views/View/#highlights

The example for the highlight() function is exactly this. You would just need to build a Custom Widget around this code.

// Use the default highlights collection to apply a highlight to features when you hover over them

// A handler can be used to remove any previous highlight when applying a new one
let hoverHighlight;

view.on("pointer-move", (event) => {
  // Search for the first feature in the featureLayer at the hovered location
  view.hitTest(event, { include: featureLayer }).then((response) => {
    if (response.results[0]) {
       const graphic = response.results[0].graphic;
       view.whenLayerView(graphic.layer).then((layerView) => {
         // Remove any previous highlight, if it exists
         hoverHighlight?.remove();
         // Highlight the hit features with the temporary highlight options, which are pre-configured for this use case
         hoverHighlight = layerView.highlight(graphic, { name: "temporary"});
       });
    }
  });
});