topic Re: Zoom hangs when going from high level to low in ArcGIS JavaScript Maps SDK Questions

Zoom hangs when going from high level to low

DanielGarcia — Mon, 19 Oct 2015 18:41:56 GMT

When I execute centerAndZoom method or other method that change zoom level from high level like 19 to low level like 2, application hangs taking a lot of memory (up to 1,5 Gb).

You can test it with this simple jsfiddle... https://jsfiddle.net/dgarcrom/1dbvjqyx/

This not happend with IE, it's happend with Chrome 46.0.2490.71.

Any ideas??

Thank you.

Re: Zoom hangs when going from high level to low

ChrisSmith7 — Mon, 19 Oct 2015 20:12:46 GMT

Seems like a memory leak on Chrome. I tried a few different API versions to see if that helped... no such luck. Very quickly, we go from low memory usage to ~ 4 gbs in about 10 seconds (then, it crashes for me - "aw, snap"):

Re: Zoom hangs when going from high level to low

ChrisSmith7 — Mon, 19 Oct 2015 20:29:20 GMT

Interestingly, if I attach a debugger and step through it slowly, it ends up working ok.

Re: Zoom hangs when going from high level to low

ChristopherTotty — Mon, 19 Oct 2015 21:13:24 GMT

We are also experiencing this issue. Chrome 32-bit very quickly runs up its ~3.8GB of memory and then crashes with an "Aw, Snap!"

Re: Zoom hangs when going from high level to low

DanielGarcia — Tue, 20 Oct 2015 06:25:32 GMT

I was playing with some of these properties but it doesn't work.

navigationMode: 'classic',

optimizePanAnimation: true,

displayGraphicsOnPan: false,

I think this is a very serious problem, because chrome takes all memory available and hangs the computer.

All ESRI Javascript users are potencial victims.

Re: Zoom hangs when going from high level to low

ChristopherTotty — Tue, 20 Oct 2015 12:58:07 GMT

Yes, it is a serious problem. I was hoping there would be a solution posted here overnight, but now I guess I know what I will be working on this morning.

Re: Zoom hangs when going from high level to low

ChristopherTotty — Tue, 20 Oct 2015 13:12:44 GMT

I just tried using navigationMode: 'classic', and it works!

What is strange is, it doesn't work on its own. I happened to have a line of code placed just before the original poster's call to zoom in order to go to the debugger in Chrome Dev Tools. Without dev tools open, this line should do nothing. Without navigationMode set it does do nothing, but with navigationMode set it allows the zoom to complete.

I have no information on the actual cause other than that, but I am going to place some debugger; calls before the locations in our code where we zoom and see what happens!

Edit: I have updated the fiddle to check for Chrome 46 Win32 before running the debugger; line, just in case a supported web browser handles calls to debugger; without the browser's dev tools open.

See updated fiddle: ESRI JS API 3.13 - JSFiddle

Edit 2: Sorry for the false hope, but after multiple attempts the issue does persist. It does appear that navigationMode 'classic' did help, but debugger; or no, I am still seeing crashes.

Re: Zoom hangs when going from high level to low

Anonymous User — Tue, 20 Oct 2015 13:43:22 GMT

Can you confirm Chrome is crashing only when using the code within JSFiddle or Sandbox or does it crash as well when using "local" code? In the tests I did it crashes only when using JSFiddle/Sandbox.

Re: Zoom hangs when going from high level to low

ChristopherTotty — Tue, 20 Oct 2015 13:47:07 GMT

I am seeing the issue locally running a site from IIS and on our production site (also IIS on a Windows Server box).

Re: Zoom hangs when going from high level to low

NathanaelVaughan — Tue, 20 Oct 2015 14:00:31 GMT

No dice for my applications. I have a version using an older version of the api and another using 3.12 (also not current) and get the same "seizing" behavior on both.

Clearly it works in the jsFiddle though.

Since it appears to be associated with "rapid" zooms, I'll probably write an intermediate function to zoom incrementally based upon some trial-and-error sensitivity testing.

Anyone have a better idea?

Re: Zoom hangs when going from high level to low

ChristopherTotty — Tue, 20 Oct 2015 14:01:17 GMT

Alright! I'm back and this time with a real workaround!

I have traced the problem down to the dojo module that handles the animation for the zoom. Why not just skip that? Esri provides configurable values for zoomDuration and zoomRate that are handed to the animation function. If we set both of these to 0, then the animation is skipped and no memory leak occurs.

See updated fiddle: ESRI JS API 3.13 - JSFiddle

See Esri help topic about the animation properties: Customize zoom animation | ArcGIS API for JavaScript

Re: Zoom hangs when going from high level to low

BhavinSanghani — Tue, 20 Oct 2015 17:03:15 GMT

I experienced the similar issue yesterday that Daniel reported here. I thought it could be due to Chrome bug in 46.0.2490.71 (which I still believe). So, I submitted the bug https://code.google.com/p/chromium/issues/detail?id=545158 and it looked related to out of memory. I initially thought it's related to CORS because when I see network traffic in Chrome then request status of exportMap call remains 'pending' (see attached) and after few seconds Chrome tab is crashed.

Most surprising thing to me is - the code was working for me last Friday. But stopped working Monday morning. I suspect Chrome update would have been made silently on my machine.

Christopher - do you have more details on the issue? e.g. dojo module bug, chrome bug or something else. I am not sure you work with ESRI. If you have not submitted bug with ESRI then I can submit the bug. I am concerned on this workaround because it was working before and stopped working mostly due to chrome update. Also, it works with Chrome on Windows 2008 Server R2 standard edition. It did not work for me on Chrome on Windows 7.

Re: Zoom hangs when going from high level to low

YannCabon — Tue, 20 Oct 2015 17:19:26 GMT

Hi,

The issue is logged in the API. I'm looking into it.

Unfortunately, it's not the first time Chrome introduces those problems.

Re: Zoom hangs when going from high level to low

BhavinSanghani — Tue, 20 Oct 2015 18:09:47 GMT

Hi Yann,

Can you please share some more details about the issue and your knowledge related to this one? In which version of the API this issue has been reported? It would be great to understand other issues that Chrome introduced in past from architectural point of view?

The reason I am asking, we are approaching product release and past code complete. So, I wanted to make sure the workaround rolls out to the no. of customers with exact information. No wonder if customers consider this workaround as our product bug.

Re: Zoom hangs when going from high level to low

ChristopherTotty — Tue, 20 Oct 2015 18:11:46 GMT

Hi Bhavin!

Sorry, no I am not an ESRI employee, just a concerned citizen.

I believe the zoom issue is occurring somewhere inside the dojo/_base/fx module included in the ESRI init.js file.

I am not able to view the bug you submitted, for some reason. I have not filed a bug with Google/Chrome or ESRI, but it looks like we now have an ESRI employee on the case!

Re: Zoom hangs when going from high level to low

BhavinSanghani — Tue, 20 Oct 2015 18:26:53 GMT

I think, due to some permission issue you are not able to see the bug.

Re: Zoom hangs when going from high level to low

NathanaelVaughan — Tue, 20 Oct 2015 18:29:01 GMT

I have experienced the issue in separate applications running API v. 3.5 and 3.12. Based upon this, I would expect the issue to be present in all releases of the API >v 3.5 (if not all).

I wrote a zoomThrottle function to limit the amount of zooming that could be generated in a single action - I set the zoom scale threshold at 100x and everything is working appropriately. I did not experiment extensively to see how much I could "push" the threshold prior to failure, although the zoom appears to be close to breaking at my current threshold (it pauses just long enough to make me think it has failed and then completes).

The function is fairly unique to my setup, otherwise I would share it. If you are concerned about the speed of an official fix, I suggest adopting a similar approach.

Re: Zoom hangs when going from high level to low

ChristopherTotty — Tue, 20 Oct 2015 18:46:44 GMT

I know you said your function is unique to your app, but could you give some more detail on how this might be accomplished? I'm not sure how one would go about throttling the zoom using a function.

Re: Zoom hangs when going from high level to low

NathanaelVaughan — Tue, 20 Oct 2015 18:53:18 GMT

I apologize in advance - I don't post code much (also note that it is an old application and thus is not written with AMD-style references).

The premise for my fix is that the built-in zoom functions work well - the problem manifests when using a secondary function to zoom by a large degree. In my case, zooming to a selected feature/graphic.

This function is an intermediate tool that uses map.centerAndZoom to zoom to the indicated extent, but only if the extent is within a zoom threshold, otherwise, it will still center the extent, but only take the level down 3 more levels (I know this part is arbitrary). If you wanted to do a REALLY good job, you would put an interval object in to zoom partially, wait a second, and then zoom again until reaching the full-zoom. My application didn't require that much zooming though.

function zoomThrottle (myFeatureExtent) {

// limits the change in level to prevent zoom animation menory leak problems

var zoomFactorX = (map.extent.xmax - map.extent.xmin)/(myFeatureExtent.xmax - myFeatureExtent.xmin);

var zoomFactorY = (map.extent.ymax - map.extent.ymin)/(myFeatureExtent.ymax - myFeatureExtent.ymin);

var newCenterPoint = new esri.geometry.Point((myFeatureExtent.xmin + myFeatureExtent.xmax)/2, (myFeatureExtent.ymin + myFeatureExtent.ymax)/2, new esri.SpatialReference({wkid: myFeatureExtent.spatialReference.wkid}))

var newScaleFactor = 0;

if (zoomFactorX > zoomFactorY) {

newScaleFactor = map.getScale()/zoomFactorX;

} else {

newScaleFactor = map.getScale()/zoomFactorY;

}

var newLevel = lods[lods.length-1].level;

for (var ii = 0; ii < boundingLods.length; ii ++) {

if (newScaleFactor < boundingLods[ii].ceiling && newScaleFactor > boundingLods[ii].floor) {

newLevel = boundingLods[ii].level;

break;

}

// lookup level

var scaleFactorCeiling = 100;

if (lods[map.getLevel()].scale/lods[newLevel].scale > scaleFactorCeiling) {

newLevel = map.getLevel() + 3;

}

map.centerAndZoom(newCenterPoint, newLevel);

}

Re: Zoom hangs when going from high level to low

YannCabon — Tue, 20 Oct 2015 22:40:18 GMT

Hi Bhavin,

For my estimate, issue affects all API versions > 2.6

This issue is due to Chrome not properly handling large scaled images.

Issue 437904 - chromium - Applying opacity to element with big scale transform freezes the page - An open-source proj…

I'm working on working around that issue internally for 3.15.