ArcGIS API – How to Set Scale Range for a Graphic Layer

arcgis-javascript-apihtml5

I am trying to set a Scale Range for a graphic layer using ArcGIS API in HTML5, so that the graphic layer is not visible on zooming beyond that particular ScaleRange.

For the same I have googled and looked into the ArcGIS API Documentation and examples but I am not able to find the correct syntax to do it.

Can anyone please throw in some suggestions for the syntax that I can try?
Currently I have used syntax like:

graphics.setMinScale=20000000
graphics.minScale=20000000
esri.graphics.minScale=20000000
esri.graphics.setMinScale=20000000
graphics.setScaleRange=20000000, 40000000
esri.graphics.setScaleRange=20000000, 40000000

I don't know none of the above syntax seems to be working out.

Best Answer

All layers in Esri's JS API have minScale and maxScale properties. This includes graphics layers. Once you've created a layer, you can you set minScale and maxScale directly (probably not recommended) or use one of the methods like setMinScale, setMaxScale or setScaleRange.

It looks like you were getting close to this with the stuff in your bulleted list but you're confusing properties and methods. Properties can be assigned a value with the syntax object.something = value but you have have to call methods. For example, calling a method: object.setScaleRange(min, max). You could also use zoom levels if your basemap is cached.

Modified version of a sample that shows this (zoom in or out to get outside the visible scale range for the graphics layer): http://jsbin.com/cihuvi/1/

Related Solutions

[GIS] Browser support for ArcGIS API for JavaScript

I work on the JS API team and honestly, we could do a better job of documenting this. That being said, we support the browsers supported by the version of dojo we're using. The lastest versions of ArcGIS JS API (2.3 and 2.4) use dojo 1.6.1. The dojo 1.6 release notes list the supported browsers: http://docs.dojocampus.org/releasenotes/1.6

The only caveat is that we don't really go out of our way to support IE6 these days.

There's also the list of supported browsers for the 2.0 release of the Web APIs: http://resources.arcgis.com/content/webapis/2.0/system-requirements The only big update to that is that we support IE9 at v2.3 and beyond.

Regarding SVG, this is one of the big reasons we use dojo. Dojo's gfx module abstracts away browser differences so we can use SVG in browsers that support it but fall back to alternative technologies (VML for IE < 9; Canvas for android) when necessary.

[GIS] ArcGIS javascript api – layer reordering – how to add new layers

Have you looked at the reorder function on the map object?

Suppose your map already has 2 layers, and you want to add a new layer in between them, you could use the following code:

var LouisvilleLayer=new esri.layers.ArcGISDynamicMapServiceLayer(
  "http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Louisville/LOJIC_LandRecords_Louisville/MapServer",
  {useMapImage:true});
map.addLayer(LouisvilleLayer);
map.reorderLayer(LouisvilleLayer,1);

Best Answer

Related Solutions

[GIS] Browser support for ArcGIS API for JavaScript

[GIS] ArcGIS javascript api – layer reordering – how to add new layers

Related Question