topic How do you fix checkboxes for layers in an ArcGISTiledMapServiceLayer? in ArcGIS JavaScript Maps SDK Questions

How do you fix checkboxes for layers in an ArcGISTiledMapServiceLayer?

VictorKniif — Tue, 14 Mar 2017 14:46:57 GMT

So we have an ArcGISTiledMapServiceLayer with different featureLayers that we want to showcase with checkboxes.

Currently the solution looks as follow:

Toggle.js

$(document).ready(function(){
$("#c1").click(function(){
$("#graphicsLayer1_layer").fadeToggle();
});

Body.php

The problem is when we toggle a checkbox, and zoom out in the map for an example it resets.

How do you prevent this?

Re: How do you fix checkboxes for layers in an ArcGISTiledMapServiceLayer?

RobertScheitlin__GISP — Tue, 14 Mar 2017 14:54:31 GMT

Victor,

What does this fadeToggle function look like?

The problem is when we toggle a checkbox, and zoom out in the map for an example it resets.

What resets the layers visibility or the checkbox state?

Re: How do you fix checkboxes for layers in an ArcGISTiledMapServiceLayer?

VictorKniif — Tue, 14 Mar 2017 15:14:23 GMT

FadeToggle is built in jquery

The layer is reloading when the map is zoomed. The checkbox state is still the same. It is just an onclick function on the checkbox.

This provides us with the bugg where you uncheck the checkbox and the layer is gone but when you zoom the map it shows again.

Re: How do you fix checkboxes for layers in an ArcGISTiledMapServiceLayer?

RobertScheitlin__GISP — Tue, 14 Mar 2017 15:43:10 GMT

Victor,

OK, I see your issue then. You are using jQuery to fade the graphics layer dom object directly and not using the JS API to change the visible state of the GL. You need to set the GraphicsLayer Objects visible property to false so that the object know not to draw on map changes.