Select to view content in your preferred language

Zoom Button are not working after update

658
3
Jump to solution
04-16-2024 12:49 AM
infeo
by
New Contributor

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-angula...  => Workaround see: https://github.com/Esri/jsapi-resources/tree/main/esm-samples/jsapi-angular-cli#known-issues

0 Kudos
1 Solution

Accepted Solutions
infeo
by
New Contributor

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-angula...

View solution in original post

0 Kudos
3 Replies
AllenHuang
Occasional Contributor

Hi

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?

0 Kudos
infeo
by
New Contributor

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-angula...

0 Kudos
AllenHuang
Occasional Contributor

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.

0 Kudos