sublayers minScale and maxScale Issue

ToddFagin

I wish to have certain sublayers of a dynamic layer render at scales different from those in the layer properties. I can get the minScale and maxScale to work with one layer, but (for some reason), not another. The one on which it isn't working has cached tiles and I speculate that is the issue, but I honestly have no idea.

Here's the example that works:

var cities = new MapImageLayer({
          url: "https://sampleserver6.arcgisonline.com/arcgis/rest/services/USA/MapServer",
          sublayers: [
            {
              id: 0,
              minScale: 5000000,
              maxScale: 24000
            }
          ]
        });

Here's the one that isn't working (truncated for ease). The minscale is set at a ridiculous number at the moment because I was trying to get it to render no matter how far zoomed out:

var transportation = new MapImageLayer({
          url: "https://tigerweb.geo.census.gov/arcgis/rest/services/TIGERweb/Transportation/MapServer",
          sublayers: [{
            id: 8,
            minScale: 10000000,
            maxScale:  1001
          },{
            id: 9,
            minScale: 10000000,
            maxScale:  1001
          }]
                
        });
       

Any insight would be greatly appreciated.

Thank you.

Egge-Jan_Pollé

Hi Todd Fagin,

The explanation is quite straightforward, I think.

Your cities layer (i.e. the example that works) comes from this sample server USA (MapServer) and has no visibility range set. Both Min Scale and Max Scale are set to 0 ("minScale": 0, "maxScale": 0), thus allowing you to set these values in your JavaScript application.

The TIGERweb/Transportation data comes from this server TIGERweb/Transportation (MapServer) and as you can see each and every layer has it's own visibility range set. The different road types (Primary, Secondary and Local Roads) are even offered multiple times, for different visibility ranges. And in this case your options to manipulate (or set) the visibility are much more limited. (Of course you can limit the visibility within it's visibility range, but you cannot extend it outside this range.) So, even though your JavaScript code says the layer should be visible, the TIGERweb server will not return anything to show...

I would suggest to add the TIGERweb/Transportation data as a TileLayer instead, like this:

var transportation = new TileLayer({
  url: "https://tigerweb.geo.census.gov/arcgis/rest/services/TIGERweb/Transportation/MapServer"
});
<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

 

In this way all layers will be added to the map and and automatically adhere to the visibility range settings on the server.

Hope this helps to solve your issue.

Cheers,

Egge-Jan