zoom level is not correct

RudySanchez — Sun, 12 Dec 2021 10:45:17 GMT

I am using view.zoom to get the current zoom level. while the map itself is zooming in and out correctly the value is incorrect. for example. The map starts at zoom level 9. I will scroll in and the value changes

then I scroll out and the zoom value increases instead of decreasing

Then after that initial zoom out, the value starts to decrease again.

This causes an issue because I am using that value to determine if I am going to display a parcel layer.

view.on('mouse-wheel', () => {
      const _coreLogicLayer = this.props.coreLogicLayer
      const _layer = map.layers.items.find(x => x.title === 'Core Logic')
      if (view.zoom >= 16 && !_layer) {
        map.add(_coreLogicLayer)
        const _layer0 = map.layers.items.find(x => x.title === 'Core Logic')
        map.reorder(_layer0, 0)
      } else if (view.zoom < 16 && _layer) map.remove(_coreLogicLayer)
    })‍‍‍‍‍‍‍‍‍

I am using

"esri-loader": "^2.12.0"

in my react application.

Re: zoom level is not correct

Gianna_BBSRC — Sun, 12 Dec 2021 10:45:20 GMT

Hi Rudy,

view.zoom only logs the current zoom level on mouse-wheel (i.e. the zoom level BEFORE the mouse-wheel action).

There is a way to log the current zoom level of the view with watchUtils.

watchUtils.watch(view, "zoom", function(zoom) {
    console.log(zoom);
};‍‍‍‍‍‍‍‍‍‍‍‍

Don't forget to add the require at the beginning of your script

require(["esri/core/watchUtils"], function(watchUtils) { /* code goes here */ });‍‍

topic zoom level is not correct in .NET and the Esri JavaScript API Questions

zoom level is not correct

Re: zoom level is not correct