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; } } }

JAPI 4.x - ETA on layer-loading event ('update-end' event in 3.x)

KevinHaeni

In the JSAPI 3.x is was possible to show progress indicators while a (feature) layer was loading - thanks to the update-end event.

Unfortunately, I do not find an equivalent in 4.4 yet.

Any plans to implement this (and quite a few other events that are still missing) soon?

Find more posts tagged with

Accepted answers

kenbuja

Take a look at Rene Rubalcava‌'s blog: Quick Tip: ArcGIS API 4 for JS - When stuff is ready? - odoenet

All comments

kenbuja

Take a look at Rene Rubalcava‌'s blog: Quick Tip: ArcGIS API 4 for JS - When stuff is ready? - odoenet

ThomasSolow

In the 4.xyz API, layers are promises.

<SPAN class="keyword token">let</SPAN> fLayer <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">FeatureLayer</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>url<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
map<SPAN class="punctuation token">.</SPAN>layers<SPAN class="punctuation token">.</SPAN><SPAN class="token function">add</SPAN><SPAN class="punctuation token">(</SPAN>flayer<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
fLayer<SPAN class="punctuation token">.</SPAN><SPAN class="token function">then</SPAN><SPAN class="punctuation token">(</SPAN>fl <SPAN class="operator token">=</SPAN><SPAN class="operator token">></SPAN> console<SPAN class="punctuation token">.</SPAN><SPAN class="token function">log</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">'layer is loaded'</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>

KevinHaeni

Thank you. However, the layer promise seems to get resolved as soon as the layer object is created and not when it has been loaded to the map.

So 'layer is loaded' is displayed almost instantly and the layer might still load data from the mapservice and is busy displaying them in the map.

KevinHaeni

Thank you for the link! This seems to be what I've been looking for:

self.mapView.whenLayerView(fl).then(layerView => {
    watchUtils.whenFalse(layerView, 'updating', () => {
        console.log('The layer is now visible!');
    });
});

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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