Legend with Visible Layers - how to modify for sublayers?

CurtWalker

I'm using this tutorial to create a map with legend and checkboxes for turning layers on and off.  Currently it only gives one checkbox per map service if you are using a Dynamic Map Service (which I am because I need labels and Feature Layers do not support labels).

How can I modify this code so it gives a checkbox for every sublayer in the Dynamic Map Service instead of just one checkbox that turns everything on/off?

HeidiOgle

norcalheidi did you ever get an answer to your problem?  I have been beating my head over this for both the Silverlight API and the JS API.

Yes, Here's my snippet that deals with that:

                //request to get layer info succeeded - extract sanborn layers and create a checkbox
                requestHandle.then(function (response) {
                    dojo.forEach(response.layers, function (layer) {
                        if (layer.name.indexOf("SANBORN") !== -1) {
                            var n = layer.name.split("_");

                            var layerName = n[1]; //extract portion of sublayer name after underscore

                            var checkBox = new dijit.form.CheckBox({
                                name: "checkBox" + layer.id,
                                value: layer.id,
                                checked: layer.visible,
                                onChange: function (evt) {
                                    var clayer = map.getLayer('historic');
                                    var visible = clayer.visibleLayers; //get an array of the current visible layers
                                    var index = dojo.indexOf(visible,this.value);
                                    index === -1 ? visible.push(this.value) : visible.splice(index, 1);   //if the sublayer is in the array of visible layers remove it - otherwise add it
                                    clayer.setVisibleLayers(visible);
                                }
                            });
                            dojo.place(checkBox.domNode, dojo.byId("toggle"), "last"); //use last instead of after so 1960 is first checkbox and 1884 is last
                            var checkLabel = dojo.create('label', {
                                'for': checkBox.name,
                                innerHTML: layerName
                            }, checkBox.domNode, "after");
                            dojo.place("<br />", checkLabel, "after");
                        }
                    });
                });

If you want to see it in action, go here: http://www.csuchico.edu/chicohistoricalgis/map.html.  I didn't hide the code so you could use that for reference.  Good luck!