topic Re: Toggle Visbility in ArcGIS JavaScript Maps SDK Questions

Toggle Visbility

ShaunWeston — Tue, 08 Nov 2011 01:14:40 GMT

I think I must be missing something very basic here, but all I want to do is have toggle working for map services. When the checkbox is checked, show the layer and when the checkbox is unchecked, hide the layer. The showing the layer bit works, but the hide does not. I've tried a lot of different methods and the only one that works is removeAllLayers()?

 function visibleDPLayers() {
  var DPlayer = new esri.layers.ArcGISDynamicMapServiceLayer("http://gis.mstn.govt.nz/ArcGIS/rest/services/DistrictPlan/MapServer");
  map.addLayer(DPlayer);
  
  if (legend.DPCheckbox.checked == true) {
   alert ('show')
   DPlayer.show();
  }
  else {
   alert ('hide')
   DPlayer.hide();
  }
 }

Re: Toggle Visbility

KellyHutchins — Tue, 08 Nov 2011 14:44:07 GMT

Are you listening to an event that lets you know when the checkbox value changes? The Legend Widget sample in the ArcGIS API for JavaScript resource center shows how to toggle layer visibility via a checkbox:

http://help.arcgis.com/en/webapi/javascript/arcgis/demos/widget/widget_legendvisible.html

Re: Toggle Visbility

JeffPace — Sat, 11 Dec 2021 10:15:11 GMT

I think I must be missing something very basic here, but all I want to do is have toggle working for map services. When the checkbox is checked, show the layer and when the checkbox is unchecked, hide the layer. The showing the layer bit works, but the hide does not. I've tried a lot of different methods and the only one that works is removeAllLayers()?
 function visibleDPLayers() {
  var DPlayer = new esri.layers.ArcGISDynamicMapServiceLayer("http://gis.mstn.govt.nz/ArcGIS/rest/services/DistrictPlan/MapServer");
  map.addLayer(DPlayer);
  
  if (legend.DPCheckbox.checked == true) {
   alert ('show')
   DPlayer.show();
  }
  else {
   alert ('hide')
   DPlayer.hide();
  }
 } 

Yes your logic is a little scrambled (mixing visibility and adding layer). I would suggest having 2 functions, an add layer function and a toggle visibility function. Otherwise you will be adding your layer over and over

so

 function visibleDPLayers() {
  var DPlayer = new esri.layers.ArcGISDynamicMapServiceLayer("http://gis.mstn.govt.nz/ArcGIS/rest/services/DistrictPlan/MapServer");
  map.addLayer(DPlayer);

called from your init

and then an onClick(toggleVis) function

function toggleVis(){
if (legend.DPCheckbox.checked == true) {
   alert ('show')
   DPlayer.show();
  }
  else {
   alert ('hide')
   DPlayer.hide();
  }
}

Re: Toggle Visbility

ShaunWeston — Thu, 10 Nov 2011 21:47:13 GMT

Using the logic above it works for adding the layer, but when I want to remove the layer it just does not work. I've tried everything, but I can't get a layer to either remove or become invisible.

Re: Toggle Visbility

Anonymous User — Sat, 11 Dec 2021 10:15:13 GMT

looks like you're not actually getting the layer from the map, just from the JS variable. In my experience, it's much more reliable use getLayer to return the actual layer from the map. Try this:

map.getLayer('theIDoftheLayer').hide();

That should get it to hide.

One trick I've used is to wire up a function to the click event on your check box that looks to see if it's checked. If yes, call show() on the layer from the map. If not, call hide(). Since it's in a separate function, the state of the box will be set by the user click before calling the function. You could wire it up in the HTML markup, or using dojo.connect();

function toggleLayer(){

      if(dojo.hasClass('mycheckboxid','checked')){
          map.getLayer('theLayerID').show();
      }
      else{
          map.getLayer('selectLyr').hide();
      }
            
}

Hope this helps,

Jeff

Re: Toggle Visbility

ChrisBrannin — Sat, 11 Dec 2021 10:15:16 GMT

Is there a way to have the layers turned off by default. Also have only a particular layer active from map initiate?

Basically, I only want one or maybe 2 layers to be showing instead of all! Thanks in advance!

var landscapingLayer = new esri.layers.FeatureLayer("http://webgis.uwm.edu/ArcGISUWM/rest/services/Sustain1/MapServer/0", {id:'landscaping'});
        legendLayers.push({layer:landscapingLayer,title:'Green Landscaping'});

Re: Toggle Visbility

HemingZhu — Sat, 11 Dec 2021 10:15:19 GMT

Is there a way to have the layers turned off by default. Also have only a particular layer active from map initiate?

Basically, I only want one or maybe 2 layers to be showing instead of all! Thanks in advance!
var landscapingLayer = new esri.layers.FeatureLayer("http://webgis.uwm.edu/ArcGISUWM/rest/services/Sustain1/MapServer/0", {id:'landscaping'});
        legendLayers.push({layer:landscapingLayer,title:'Green Landscaping'});

("http://webgis.uwm.edu/ArcGISUWM/rest/services/Sustain1/MapServer/0", {id:'landscaping', visible: false});

Re: Toggle Visbility

ChrisBrannin — Fri, 25 Nov 2011 13:00:45 GMT

Thank you, that was exactly what I was looking for. Thanks!