Creating mouseOver and onClick events in embedded map

DaphneShaed — Thu, 11 Feb 2021 18:03:01 GMT

Hello,

I am very new to ArcGIS. I have a web page that contains an embedded map of an area that contains several regions. I would like to create onmouseover and onclick events for the regions on the map.

onmouseover: region polygon becomes visible.

onclick: a new tab opens linked to an information page and gallery of the region.

I have worked with SVG on other sites where the path is wrapped in an anchor tag and CSS controls path colour. Example:

CSS: .region-svg:hover { fill: #003366; }

HTML:

</svg>

</a>

So how to attain a similar effect with an embedded ArcGIS map? The map is served from a portal and I can edit all sort of attributes, and popups, but I do not want the popup, I want it to highlight the region on mouse over, and on click go to a specific url for each region. Is there a way to do this with ArcGIS?

Thank you.

Re: Creating mouseOver and onClick events in embedded map

BlakeTerhune — Thu, 11 Feb 2021 18:50:58 GMT

Check out the hitTest() method of MapView. I think you can use it to do what you need. Here's a sample app with pointer-move event.

topic Re: Creating mouseOver and onClick events in embedded map in ArcGIS JavaScript Maps SDK Questions

Creating mouseOver and onClick events in embedded map

Re: Creating mouseOver and onClick events in embedded map