I want to create a checkbox in my left pane. I try to understand the codes from the following sample, http://developers.arcgis.com/javascript/sandbox/sandbox.html?sample=widget_legendvisibleIt uses legacy code instead of AMD style. I try to code in AMR mode e.g., use array.forEach() to replace dojo.forEach, But it does not workout. Could you please have a look at my codes and give me some suggestion? Here is my code below: Thank you! require(["esri/map", "esri/geometry/Extent", "esri/dijit/OverviewMap", "esri/dijit/BasemapGallery", "esri/arcgis/utils", "esri/dijit/HomeButton", "esri/layers/ArcGISTiledMapServiceLayer", "esri/layers/ArcGISDynamicMapServiceLayer", "esri/dijit/Legend", "esri/dijit/Popup", "esri/layers/FeatureLayer", "esri/InfoTemplate", "dojo/dom", "dojo/dom-construct", "dojo/dom-class", "dojo/_base/array", "dojo/on", "dojo/parser", "dijit/registry", "dijit/form/CheckBox", "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "dijit/TitlePane", "dojo/domReady!"], function (Map, Extent, OverviewMap, BasemapGallery, arcgisUtils, HomeButton, ArcGISTiledMapServiceLayer, ArcGISDynamicMapServiceLayer, Legend, Popup, FeatureLayer, InfoTemplate, dom, domConstruct, domClass, arrayUtils, on, parser, registry, CheckBox ){ var map = new Map("mapDiv", { zoom: 3, basemap: "streets", sliderStyle: "large", sliderPosition:"top-right", logo: true, nav:false, navigationMode: 'css-transforms', autoResize: true, }); var dynaLayer1 = new ArcGISDynamicMapServiceLayer ("http://server.arcgisonline.com/arcgis/rest/services/Demographics/USA_Diversity_Index/MapServer", { opacity: 0.8 }); var dynaLayer2 = new ArcGISDynamicMapServiceLayer ("http://server.arcgisonline.com/arcgis/rest/services/Demographics/USA_Median_Age/MapServer", { opacity: 0.8 }); //Add a legend var layerInfo; map.on("layers-add-result", function (evt) { layerInfo = arrayUtils.map(evt.layers, function (layer, index) { return { layer: layer.layer, title: layer.layer.name }; }); if (layerInfo.length > 0) { var legendDijit = new Legend({ map: map, layerInfos: layerInfo }, "legendDiv"); legendDijit.startup(); } }); map.addLayers([dynaLayer1, dynaLayer2]); //Add a checkbox var cb; map.on("layers-add-result", function (results) { array.forEach(layerInfo, function (layer) { var layerName = layer.title; var checkBox = new CheckBox({ name: "checkBox" + layer.layer.id, value: layer.layer.id, checked: layer.layer.visible, onChange: function (evt) { var clayer = map.getLayer(this.value); clayer.setVisibility(!clayer.visible); this.checked = clayer.visible; } }); //checkbox ends }); // forEach ends }); var thinger = domConstruct.toDom("checkBox "); domConstruct.place(thinger, dom.byId("toggle"), "after"); //toggle is the div id to put checkbox
