topic Re: scale dependent visibility for graphics layer in ArcGIS JavaScript Maps SDK Questions

scale dependent visibility for graphics layer

danbecker — Thu, 03 May 2012 21:38:29 GMT

I filled a new graphics layer with text symbols; one for each point in a feature layer. The below function works fine and the labels are displayed correctly in their +50,+50 offset location, but how do I control the graphics layer visibility based on scale?

thanks!

function createLabels(){  var queryTask = new esri.tasks.QueryTask("REST url");  var query = new esri.tasks.Query();  query.returnGeometry = true;  query.outFields = ["site_code"];  query.where = "site_code LIKE '%'";  queryTask.execute(query, function(featureSet){   map.graphics.clear();   var lbls = new esri.layers.GraphicsLayer();   var font = new esri.symbol.Font("9px", esri.symbol.Font.STYLE_NORMAL, esri.symbol.Font.VARIANT_SMALLCAPS, esri.symbol.Font.WEIGHT_BOLDER);   for (var i=0, il=featureSet.features.length; i<il; i++) {    var x = featureSet.features.geometry.x + 50;    var y = featureSet.features.geometry.y + 50;    featureSet.features.geometry.x = x;    featureSet.features.geometry.y = y;    var graphic = featureSet.features.attributes.site_code;    var textSymbol = new esri.symbol.TextSymbol(graphic, font, new dojo.Color([0, 0, 0]));    var symb = featureSet.features;    symb.setSymbol(textSymbol);    lbls.add(symb);   };   map.addLayer(lbls);  }); }

Re: scale dependent visibility for graphics layer

derekswingley1 — Thu, 03 May 2012 21:49:32 GMT

There's no built-in scale dependency for graphics layers (but there is for feature layers).

To do this, you'll need to check the map's scale when the zoom level changes. You can connect to onZoomEnd, check the map's scale, and toggle your graphics layer's visibility with show or hide accordingly.

Re: scale dependent visibility for graphics layer

danbecker — Sat, 11 Dec 2021 18:29:54 GMT

works perfect...after setting var lbls globally.

dojo.connect(map, "onZoomEnd", checkScale);
function checkScale(extent, zoomFactor, anchor, level){
 if (level > 7 && level < 16){
  lbls.show()
 }
 else {
  lbls.hide()
 }
 //we can retreive the scale here, but level works just as well
 //var scale = esri.geometry.getScale(map)
}