nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

view.watch 'updating' except drag and extent change events

Anonymous User

I would like to show and hide the loading wheel while the view is updating, but I would like to hide the loading wheel for drag (panning map) and extent change event. How can I achieve it? Alternatively, is there a way to monitor the renderer update?

The current code below show loading wheel any updates and it looks very busy all the time.

view<SPAN class="punctuation token">.</SPAN><SPAN class="token function">watch</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">'updating'</SPAN><SPAN class="punctuation token">,</SPAN> updating <SPAN class="operator token">=</SPAN><SPAN class="operator token">></SPAN> <SPAN class="punctuation token">{</SPAN>
&nbsp; <SPAN class="keyword token">if</SPAN><SPAN class="punctuation token">(</SPAN>updating<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="token function">$</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">'#loading'</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">show</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp; <SPAN class="punctuation token">}</SPAN> <SPAN class="keyword token">else</SPAN> <SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="token function">$</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">'#loading'</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">hide</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp; <SPAN class="punctuation token">}</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Finde mehr Beiträge mit dem Tag

Accepted answers

RobertScheitlin__GISP

Makiko,

Interacting property = Indication whether the view is being interacted with (for example when panning).

Meaning that panning is just one example. Not the only example.

Zooming (i.e. extent change) is also an interacting event.

All comments

RobertScheitlin__GISP

Makiko,

Check the views interacting property then.

https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#interacting

Anonymous User

Robert,

Thank you for the reply. It looks like 'interacting' is for panning (drag), but please correct me if I am wrong. For extent change event, I looked at the post (below link) and tried to understand your code.

in 4.x, how to catch "extent-change" event?

What is the difference between 'stationary' and 'interacting'? It seems like 'interacting' is for panning event, but please correct me if I am wrong. What about 'stationary'? According to the documentation, 'stationary' is "Indication whether the view is animating, being interacted with or resizing." Unfortunately, it is not clear to me the meanings of 'view is animating' or 'interacted' or 'resizing'.

view is animating - zooming in and out?

interacted - all events (e.g. clicking, mousewheel, and panning)?

resizing - does this mean resizing map div size or related to map extent change?

RobertScheitlin__GISP

Makiko,

Interacting property = Indication whether the view is being interacted with (for example when panning).

Meaning that panning is just one example. Not the only example.

Zooming (i.e. extent change) is also an interacting event.

Nimm an der Diskussion teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.