topic Clean way to put custom UI on the map at specific map point? in ArcGIS JavaScript Maps SDK Questions

Clean way to put custom UI on the map at specific map point?

D_R_ — Wed, 07 Aug 2024 13:29:43 GMT

Sorry for using another lib as example but my goal is to create something like this: https://openlayers.org/en/latest/examples/overlay.html

My goal is to place html div on the map so that it stays at the same position when map zooms/pans...

Does SDK have this functionality natively? In the same spirit like Spinner widget stays at provided point when you add it and pan map? Couldn't find that at first glance, maybe it is buried somewhere..

Re: Clean way to put custom UI on the map at specific map point?

ReneRubalcava — Wed, 07 Aug 2024 15:16:05 GMT

Not specific to it, but you could do something like that manually.

Views have a toScreen() method that converts map coordinates to screen coordinates.

https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#toScreen

And a toMap to turn screen coords to map coords.

https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#methods-summary

You can then use reactiveUtils to watch some view property like interacting, maybe navigating to know when the map is being panned/zoomed and update the elements location.

https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#interacting

Re: Clean way to put custom UI on the map at specific map point?

D_R_ — Wed, 07 Aug 2024 15:21:16 GMT

Thank you! It was my plan B to do that actually 🙂