Detecting Zoom Start and end, and pan in 4.x

DanielScholes — Wed, 15 May 2024 21:12:59 GMT

I am migrating an older web interface to the newer java api 4.x. In the older interface I could make calls, such as these to detect when the map was zoomed in, out, or panned.

dojo.connect(map, "onZoomStart", showLoadingSpinner);
dojo.connect(map, "onPanStart", showLoadingSpinner);

I can do something similar with the following code, but it is not as granular and a bit difficult to detect when different parts of the interface have been updated, including when the process is complete. For example if the sketch is active, I believe it trips the updating. Are there any better suggestions of detecting these actions?

const handle = reactiveUtils.when(
() => view.updating,
() => {
console.log('updating');
console.log(view.updating);
showLoadingSpinner();
},
{ once: false }
);

Thanks for your time!

Dan

Re: Detecting Zoom Start and end, and pan in 4.x

JamesIng — Wed, 22 May 2024 22:36:06 GMT

If your methods are navigating via the goTo() method, you could watch the 'animating' property

https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#animation From the example: reactiveUtils.watch( () => view.animation, (response) => { if(response?.state === "running"){ console.log("Animation in progress"); } else{ console.log("No animation"); } } );

topic Detecting Zoom Start and end, and pan in 4.x in ArcGIS JavaScript Maps SDK Questions

Detecting Zoom Start and end, and pan in 4.x

Re: Detecting Zoom Start and end, and pan in 4.x