Sample codes for Legend and TOC

JoseSanchez — Mon, 10 Dec 2012 17:48:05 GMT

Hi all

I am looking for following source code samples:

how to populate a tab with the map legend

how to load a TOC in a tab allowing to check layers to make them visible/invisible

Thanks

Re: Sample codes for Legend and TOC

DavidMcGill — Tue, 11 Dec 2012 13:49:10 GMT

#

var initBasemap = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer", { id: 'BaseMap' });
            map.addLayer(initBasemap);
            legendLayers.push({ layer: initBasemap, title: ' ' });

#

#

dojo.connect(map, 'onLayersAddResult', function (results) {
                var legend = new esri.dijit.Legend({ map: map, layerInfos: legendLayers }, "legendDiv");
                legend.startup();
            });
            dojo.connect(map, 'onLayersAddResult', function (results) {
                dojo.forEach(legendLayers, function (layer) {
                    var layerName = layer.layer.id;
                    var checkBox = new dijit.form.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;
                        }
                    });
                    dojo.place(checkBox.domNode, dojo.byId("toggle"), "after");
                    var checkLabel = dojo.create('label', { 'for': checkBox.name, innerHTML: layerName }, checkBox.domNode, "after");
                    dojo.place("<br />", checkLabel, "after");
                });

#

#

<div id="legendPane" data-dojo-type="dijit.layout.ContentPane" title="Legend">
                            <div id="legendDiv">
                            </div>
                        </div>
                        <div id="toggleDiv" data-dojo-type="dijit.layout.ContentPane" title="Layers">
                            Checkbox to toggle map layer visibility.<br />
                            <br />
                            <div id="toggle">
                            </div>
                        </div>

#

topic Sample codes for Legend and TOC in ArcGIS JavaScript Maps SDK Questions

Sample codes for Legend and TOC

Re: Sample codes for Legend and TOC