topic Re: Scale dependent layers visibility in LayerList in ArcGIS JavaScript Maps SDK Questions

Scale dependent layers visibility in LayerList

AshleyPeters — Mon, 15 Jul 2019 18:38:11 GMT

I have two layers in my file that are scale dependent. How can I force the layerlist widget to only show that layer when the user is zoomed in to the point that the layer is visible and able to be turned on and off? I'm sure I'm missing something simple...

I'm using the Javascript 4.12 API.

Thanks in advance!

Ashley

Re: Scale dependent layers visibility in LayerList

Egge-Jan_Pollé — Sat, 11 Dec 2021 19:11:43 GMT

Hi Ashley Peters,

By default, if a layer is not visible in the map due to scale dependencies, it is grayed out in the LayerList. This is neat functionality, but apparently not what you want...

The trick to accomplish what you want is:

'watch' the scale of you map with a watch handler
set the listMode of your layer(s) to hide or show accordingly.

See this code snippet:

// watch handler: the callback fires each time the scale of the view changes
var handle = view.watch('scale', function(newScale) {
    console.log("Scale: ", newScale);
    if (newScale > 500000) {
        dutchMunicipalitiesLayer.listMode = 'hide';
    } else {
        dutchMunicipalitiesLayer.listMode = 'show';
    }
});‍‍‍‍‍‍‍‍‍

I have published the fully working example here: ArcGIS JavaScript Tutorial - Scale dependent layers visibility in LayerList

Hope this helps,

Egge-Jan

Re: Scale dependent layers visibility in LayerList

AshleyPeters — Tue, 16 Jul 2019 12:46:53 GMT

Egge-Jan,

That worked beautifully! Thank you!

Ashley

Re: Scale dependent layers visibility in LayerList

BabyChauhan — Fri, 28 Feb 2025 05:09:17 GMT

I want to achieve this functionality By default, if a layer is not visible in the map due to scale dependencies, it is grayed out in the LayerList