Add single check box to handle layer visibility?

MicahTaylor

I have downloaded the template "Storytelling Map Tour 2.2.6" and I was wondering how, and in which script, do I write a code to allow the user to check and uncheck layer visibility.  The web map (sitting in My Content ArcGIS online) contains 2 layers.  1 of flood locations, and 1 of flood imagery.  I want a single check box (on the header somewhere) to allow the user to remove the imagery from view if they wish to do so. I am VERY novice to JS and HTML, but I have managed to customize everything in the index.html code so far. Thanks!

MicahTaylor

IT WORKED!!!...Took me a month , but I figured it out. Thanks so much for your help.

Here is what I did, just for reference...

I added two buttons in the index.html like this....

<button id="imgbtnon">Flood Imagery</button>

<button id="imgbtnoff">Streets</button>

Then I added this underlined code to the bottom of the inex.html like this....

if (isInBuilderMode) {

                                     require(["storymaps/builder/Builder", "storymaps/maptour/builder/BuilderView"], function(Builder, BuilderView) {

                                         Core.init(new MainView(), Builder);

                                         Builder.init(Core, new BuilderView());

                                     });

                                 }

                                 else

                                     Core.init(new MainView());

                                    function addListeners(){

                                         document.getElementById('imgbtnon').onclick = function(){

                                             var DesiredLayer = app.map.getLayer(app.map.layerIds[1]);

                                             DesiredLayer.setVisibility(true);  

                                         }

                                         document.getElementById('imgbtnoff').onclick = function(){

                                             var DesiredLayer = app.map.getLayer(app.map.layerIds[1]);

                                             DesiredLayer.setVisibility(false);  

                                         }

                                     }

                                     window.onload = addListeners;

Works in Story Map Tour!