nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Toggle Visbility

ShaunWeston

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();
  }
 }

Najděte více příspěvků označených jako

Accepted answers

All comments

ChrisBrannin

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

HemingZhu

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});

ChrisBrannin

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'});

Anonymous User

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

ShaunWeston

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.

JeffPace1

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();
  }
}

khutchins

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

Připojte se k diskusi

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.