topic Re: Toggle Layers using Checkbox in ArcGIS JavaScript Maps SDK Questions

Toggle Layers using Checkbox

BulbulMajumder1 — Sun, 22 Jul 2018 07:18:01 GMT

Attention:

Ken Buja‌

Created Feature Layer class as

const fl5 = new FeatureLayer({
url: "***"
});

Added the Map as

var map = new Map({
basemap: app.basemap,
layers: [ ]
});

Created a checkbox as

<div class="form-check">
<input class="form-check-input" type="checkbox" id="Checkbox1" value="option1">
<label class="form-check-label" for="Checkbox1">Wells</label>
Default checkbox
</div>

Now, how can I toggle the Layer (fl5) using the checkbox?

Thanks in advance.

Re: Toggle Layers using Checkbox

DavideLimosani — Mon, 23 Jul 2018 14:22:17 GMT

Something like this maybe:

Toggle Feature Layer

Davide

Re: Toggle Layers using Checkbox

KenBuja — Sat, 11 Dec 2021 06:47:00 GMT

All you have to do is add a listener to the checkbox that sets the visible property of the layer.

var checkbox = document.getElementById("Checkbox1");
checkbox.onclick = function () {
  fl5.visible = this.checked;
}‍‍‍‍