Hi. It seems like featureLayer.applyEdits returns a result when the data is processed by the api but not actual visible on the map.
To reproduce this, I made a codepen with a loop creating events/messages/graphicupdates each 10 ms - 1000 ms. These messages will be merged into 1 BUFFER (being a subject).
Snippet:
from(updates).pipe(
concatMap(item => of (item).pipe(delay(100))), // UPDATES TRIGGERED EACH 100 ms -> could be random between 10-300 ms
tap(() => {
... // merge logic so no updates will be lost
bufferSubject.next(currentBuffer);
})
).subscribe();
2. A subscription of the bufferSubject (asObservable)
bufferSubject.asObservable()
.pipe(
skipWhile(() => dataAppliedSubject.value), //Made a dataAppliedSubject -> while applying this buffer, next one will be skipped
filter((buffer) => buffer.length > 0),
concatMap(async (buffer) => {
dataAppliedSubject.next(true);
return applyDataToMap(layer, buffer) // applyEdits logic async from ArcGis API
}),
tap((res) => {
// THIS should only be triggered when APPLYEDITS is fully processed. But it looks like its not fully rendered on the map -> This will be an issue
dataAppliedSubject.next(false); // When applied -> ready for next buffer
})
)
.subscribe();
ISSUE:
When I change the delay to 300. The updates are being displayed without any problems or lagg.
When changing the delay to 10. The updates are processed way too fast and it stops working. (no changes visible on the map).
Approach:
Maybe the applyEdits should only return results when they are fully processed by the api AND fully DRAWN on the map?
https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#event-ed...
"Fires after applyEdits() is completed successfully." Looks like it's not 100% correct
Is it possible to achieve this?
Codepen:
https://codepen.io/michaelk95/pen/GRexMJR?editors=1000
Thanks
