Hi,
We are using arcgis js sdk within our angular (17) application. We updated from @ArcGIS/core@4.28.9 to @ArcGIS/core@4.29.10 we realized that the zoom buttons are (most of the time) not working. Meaning by clicking on the "+" button the zoom level does not change. Using the mouse wheel to zoom works fine.
When downgrading to the older version the buttons work like intended.
I also created an example: https://stackblitz.com/edit/stackblitz-starters-tlrh2e?file=package.json
To downgrade arcgis run:
npm uninstall @ArcGIS/core npm install @ArcGIS/core@4.28.9
Many thanks in advanced
----
Edit: Duplicate of https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/zoom-buttons-don-t-work-in-angular-map-component/m-p/1396223#M84012 => Workaround see: https://github.com/Esri/jsapi-resources/tree/main/esm-samples/jsapi-angular-cli#known-issues
I figured out that the problem is a bug in Angular / zone.js. Updating zone.js to 0.14.5 fixed the issue. See this reply: https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/zoom-buttons-don-t-work-in-angular-map-component/m-p/1508900/highlight/true#M85098
Hi
I also think the bug in the zone.js library is the cause of the issue. I found out that the Angular version that I'm running my maps on runs zone.js v0.11.4. But I have no way of testing it at the moment.
I recently switched over to 4.30 from 4.24 and the same thing happened to me too.
I develop my map with CDN. The zoom widget would work as a stand-alone map. But when I build my map into Drupal on the fly with Angular, the zoom control and home widget stopped working altogether.
Is this similar to what's been happening to you?
Signed in members can post, follow updates, and more. New here? Register a free account.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
