topic Re: WebScene Slides not applying in ArcGIS JavaScript Maps SDK Questions

WebScene Slides not applying

JethroLeevers — Mon, 05 Jul 2021 05:32:51 GMT

Hi All,

I have been having issues with the WebScene slides.

It seems to be an issue with the visibleLayers properties of the slides not being populated.

Sometimes they work fine, other times the visibleLayers property contains no items and hence the slide does not appear to work when using the applyTo function.

Regards,

Jethro

Re: WebScene Slides not applying

JethroLeevers — Tue, 13 Jul 2021 05:29:43 GMT

I have still had no luck getting to the cause of this issue 😓

Could this be related to any of the layers timing out on start up? (Australian Internet)

Would also like to add that this is using a dojo built deployment

Re: WebScene Slides not applying

JohnGrayson — Tue, 13 Jul 2021 21:42:18 GMT

Could it be that the web scene is not fully loaded before you try to call applyTo? Do you have a very simple codepen showing the basic steps you're taking in your code?

Re: WebScene Slides not applying

JethroLeevers — Wed, 14 Jul 2021 05:41:57 GMT

I don't think that is the case unless there is some other promise that i'm meant to be waiting for, I initialise my buttons to load the slides inside the view.when, this is also after map.when

I have made a pen that is similar to my setup but am unable to replicte the issue

https://codepen.io/leevers/pen/xxdgLBa

Re: WebScene Slides not applying

JohnGrayson — Wed, 14 Jul 2021 15:56:55 GMT

The 'when()' method tells us that the JS instance is ready to interact with in code. You can use 'load()' or 'loadAll()' to ensure all of the resources that need to be loaded asynchronously are available. Also, your code tries to create the SceneView outside of (before) the WebScene 'when()' call resolves. In certain circumstances this will matter because even though the SceneView instance is ready, the WebScene resources you want to use might not be loaded. Hopefully these small changes will help in your app.

https://codepen.io/john-grayson/pen/BaRpbzY

Re: WebScene Slides not applying

RalucaNicola1 — Wed, 14 Jul 2021 16:00:33 GMT

when you check the webscene json, are the visible layers in the slides or are they missing? For the example that you shared, they would look like this: https://aam-ags-demo-03.aamgeocloud.com/portal/sharing/rest/content/items/9a5c8855529c4109b53032084bf5bdb5/data?f=json

{ "id": "177ff571076-slide-2", "title": { "text": "Sydney 7.5cm Photo Mesh Model 2020" }, ..., "visibleLayers": [ { "id": "17964079d27-layer-17" }, { "id": "177fc6aa2cb-layer-0" } ] },

Re: WebScene Slides not applying

JethroLeevers — Thu, 15 Jul 2021 03:07:55 GMT

Thanks John.

Really, this is the first time I've seen this, every example (https://developers.arcgis.com/javascript/latest/sample-code/intro-sceneview/) I've seen does exactly that.

Can you furthur clarify what setup I should be using to make sure everything is ready to use?

map = new WebScene({...})

map.when( ()=>{

view = new SceneView({...})

view.when( ()=>{

map.loadAll().then( () => {

// Should be good now?

});

is the loadAll called internally? or should I be using map.loadAll.then() instead of map.when(... or Promise.all([map.when(), map.loadAll()]).then(...

Re: WebScene Slides not applying

JethroLeevers — Thu, 15 Jul 2021 02:17:23 GMT

Thanks Raluca,

The slides data always exist in the data url, they just dont seem to make it though to the slides.visibleLayers, the viewpoint, title and image are always populated.

Jethro

Re: WebScene Slides not applying

RalucaNicola1 — Thu, 15 Jul 2021 11:28:06 GMT

So if you create a webscene and then set it on the view, the api internally calls the `load` method once it's set on the map property of the view. If then you call `webscene.when` that should run the callback you're passing exactly when the load method resolves.

const webscene = new WebScene(...); const view = new SceneView({ ... map: webscene }); webscene.when(() => { // now you have access to layers, ground and basemap });

The load method however, doesn't load all the loadable resources/sublayers etc. Slides might also not be ready depending on how heavy your scene is. So I'd advise you to use `loadAll()` to wait for all the resources like John showed in his example:

map.loadAll().then(() => { // the scene is now fully loaded and you can create the view, the slides, set properties on layers etc. // you don't need map.when() anymore // you can use view.when() if you want to make sure that the view is ready. In case you make changes before this point, they might get overriden when the map is set on the view. }) .catch((err) => console.log(err));

Re: WebScene Slides not applying

JohnGrayson — Thu, 15 Jul 2021 15:22:32 GMT

'WebScene.when()' just tells you the JS instance is ready, so you can for example set it as the 'map' property of the SceneView. It does not however tell us its internal properties that rely on asynchronous calls are ready, that is what the 'load()' and 'loadAll()' are for. This follows the 'loadable' pattern in the JS API. That specific example doesn't show this pattern because it doesn't try to use WebScene properties before they're ready. In your use-case, you're looking to modify layer properties and access the slides, and for this use-case you need to wait until the WebScene has retrieved and set these internal properties correctly.

Re: WebScene Slides not applying

JethroLeevers — Fri, 16 Jul 2021 02:14:01 GMT

Thanks Raluca and John,

Waiting for loadAll to do anything give me a long wait before anything happens on screen.

Is the following a way to avoid this:

Jethro

Re: WebScene Slides not applying

JohnGrayson — Fri, 16 Jul 2021 15:31:56 GMT

Instead of 'loadAll()' you can also target specific properties. Try 'load()' and and see if the internal Web Scene properties you want to access/change are available. You can also try the various methods available via 'watchUtils' to discover when specific properties are defined or changed. Also, if wanting to modify layer properties that are loaded asynchronously you can use the 'load()' method for only the layers you need to modify. Here is one of many approaches you could take depending on the application and web scene content.