topic Re: How to add custom visible scales in ArcGIS JavaScript Maps SDK Questions

How to add custom visible scales

VeliAlkan — Wed, 10 Feb 2021 17:01:21 GMT

Hi all,

I'm creating a map application using the ArcGIS API for JS v4.18. I'm running into an issue where I can't add custom visible scales as in the Web AppBuilder.

It goes now to maxZoom 22 and I would add 3 more scales so I can go to maxZoom 25, as I have done in the Web AppBuilder. I tried increasing the maxZoom, but it didn't work out. I'm using the OSM basemap by Esri.

Is there a way to set custom scales/zoomlevels? And if so, how could I do that?

Thanks for any help!

Re: How to add custom visible scales

RickeyFight — Wed, 10 Feb 2021 18:17:44 GMT

@VeliAlkan

Have you added them to custom visible scales ?

Re: How to add custom visible scales

VeliAlkan — Wed, 10 Feb 2021 18:24:19 GMT

Yes. However, this is in the web AppBuilder where i can add more scales. So i was wondering how i could do the same with the JS 4x API.

Re: How to add custom visible scales

RickeyFight — Wed, 10 Feb 2021 21:16:26 GMT

@VeliAlkan

Have you looked here:

https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ScaleRangeSlider-ScaleRanges.html#NamedScaleRange

https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#stationary

Example:

view.constraints = { geometry: { // Constrain lateral movement to Lower Manhattan type: "extent", xmin: -74.020, ymin: 40.700, xmax: -73.971, ymax: 40.73 }, minScale: 500000, // User cannot zoom out beyond a scale of 1:500,000 maxScale: 0, // User can overzoom tiles rotationEnabled: false // Disables map rotation };

Re: How to add custom visible scales

RobertScheitlin__GISP — Thu, 11 Feb 2021 17:55:19 GMT

The views constraints has a LODs property. See this thread.

https://community.esri.com/t5/arcgis-api-for-javascript/arcgis-api-for-javascript-4-6-referencelayers/td-p/60411