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

How can I "lazy load" a feature layer?

mfcallahan

What is the best way to lazy load a feature layer for a map? In my application, I have a map and handful of layers, some are turned off by default on launch. These feature service layers that are off by default I would like to delay loading until the user clicks that layer's on/off check box. Is this possible within the ArcGIS Online JS API? The solution I've brainstormed so far is to set the layer's url to an empty feature service when the layer is first instantiated. Inside the checkBox.on("change") function I would change the url to the correct feature service url, refresh() the layer, then proceed with the rest of the code that handles the layer rendering and tables. I don't want to reinvent the wheel when possible, so I'm looking for a documented or better way of handling this while I roll my own solution.

Trouver plus de publications taguées avec

Accepted answers

All comments

RobertScheitlin__GISP

Matthew,

The JS API does not attempt to do much with the layer until it is set to visible. The only request I know that it does is to get the layers properties/capabilities using the layers url with ?f=json. It basically does a lazy load of the layer until it is set to visible and then requests geometry from the server. Are you noticing some different behavior?

mfcallahan

Thanks for the reply, I had a suspicion that setting the "visible" property to false was already doing what I was attempting to accomplish. I had been tasked with making sure all the application resources are loaded efficiently, and was asked to explore if there's any improvement/benefit of attempting to lazy (or partially) load a feature layer, delaying any heavy lifting until after the user clicks the layer on/off checkbox. But it appears that is already the case, so no need for me to reinvent the wheel here!

RobertScheitlin__GISP

Don't forget to mark this question as answered by clicking on the "Correct Answer" link on the reply that answered your question.

mfcallahan

Upon further inspection, I can see that layers I have set to visible = false are still being loaded as a resource, and some like the Esri demographic layer are taking 2+ seconds to load. Without knowing a whole lot about the JS API, I would say that based on what I see, setting the visible property to false doesn't actually do anything to lazy load or otherwise reduce the time needed to load a feature layer resource.

ThomasSolow

I'd question whether you'll actually gain anything noticeable from not requesting the service JSON until it's required. All of this data is requested asynchronously, so I'd be surprised if it slowed down your app or damaged user experience to load the service JSON before anything needs to be drawn.

Also, if you defer loading the service JSON until the user decides to view the layer, you'll increase the delay between the user clicking "view layer" and them seeing features on the map compared to just toggling the layer's visibility. This is because feature layers need to make a couple requests end-to-end before anything is drawn, and the first of those requests, fetching the layer JSON, would already have been made if you just toggled visibility.

If you're dead set on not making requests for data you may not need, one option would just be not adding the layer to the map. You can create a new Feature Layer, show it in a list, but only add it to the map the first time a user decides to view it. This will prevent any requests to the feature service until the layer is added, at least in 4.xyz.

JingchaoZhou

What is 'lazy load' by the way?

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

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