<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Legend on web map, scripting error in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/legend-on-web-map-scripting-error/m-p/526065#M49076</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;SPAN&gt;Hello,&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;I'm working with Arc's API for a school project. I have put in a few widgets into my script. The only one I am having issues with is the legend/Toggle, I am unable to get the toggle to work. Can someone take a look at my script and let me know what I'm doing wrong. I've been at this for about a week and I just don't know what I'm doing wrong. I followed all the directions. Thank you, &lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;var map, legendLayers = [];&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;function init() {&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;map = new esri.Map("map", { &lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;basemap: "topo",&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;center: [-110.934448, 32.331238],&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;zoom: 10&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;});&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;//Legend starts here&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;&lt;SPAN&gt;var homicideLayer = new esri.layers.ArcGISDynamicMapServiceLayer("&lt;/SPAN&gt;&lt;A class="jive-link-external-small" href="http://masgis2.asu.edu:6080/arcgis/rest/services/Group4/Riggs_Test/MapServer/0" rel="nofollow" target="_blank"&gt;http://masgis2.asu.edu:6080/arcgis/rest/services/Group4/Riggs_Test/MapServer/0&lt;/A&gt;&lt;SPAN&gt;",{id:'Homicide'});&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;legendLayers.push({layer:homicideLayer,title:'Homicide'});&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;&lt;SPAN&gt;var rapeLayer = new esri.layers.ArcGISDynamicMapServiceLayer("&lt;/SPAN&gt;&lt;A class="jive-link-external-small" href="http://masgis2.asu.edu:6080/arcgis/rest/services/Group4/Riggs_Test/MapServer/1" rel="nofollow" target="_blank"&gt;http://masgis2.asu.edu:6080/arcgis/rest/services/Group4/Riggs_Test/MapServer/1&lt;/A&gt;&lt;SPAN&gt;",{id:'Rape'});&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;legendLayers.push({layer:rapeLayer,title:'Rape'});&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;&lt;SPAN&gt;var aggassaultLayer = new esri.layers.ArcGISDynamicMapServiceLayer("&lt;/SPAN&gt;&lt;A class="jive-link-external-small" href="http://masgis2.asu.edu:6080/arcgis/rest/services/Group4/Riggs_Test/MapServer/3" rel="nofollow" target="_blank"&gt;http://masgis2.asu.edu:6080/arcgis/rest/services/Group4/Riggs_Test/MapServer/3&lt;/A&gt;&lt;SPAN&gt;",{id:'Aggravated Assault'});&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;legendLayers.push({layer:aggassaultLayer,title:'Aggravated Assault'});&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;&lt;SPAN&gt;var robberyLayer = new esri.layers.ArcGISDynamicMapServiceLayer("&lt;/SPAN&gt;&lt;A class="jive-link-external-small" href="http://masgis2.asu.edu:6080/arcgis/rest/services/Group4/Riggs_Test/MapServer/2" rel="nofollow" target="_blank"&gt;http://masgis2.asu.edu:6080/arcgis/rest/services/Group4/Riggs_Test/MapServer/2&lt;/A&gt;&lt;SPAN&gt;",{id:'Robbery'});&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;legendLayers.push({layer:robberyLayer,title:'Robbery'}); &lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;dojo.connect(map,'onLayersAddResult',function(results){&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;var legend = new esri.dijit.Legend({&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;map:map,&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;layerInfos:legendLayers&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;},"legendDiv");&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;legend.startup();&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;});&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;map.addLayers([homicideLayer,rapeLayer,aggassaultLayer,robberyLayer]); &lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;dojo.connect(map,'onLayersAddResult',function(results){&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;//add check boxes &lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;dojo.forEach(legendLayers,function(layer){ &lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;var layerName = layer.title;&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;var checkBox = new dijit.form.CheckBox({&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;name: "checkBox" + layer.layer.id,&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;value: layer.layer.id,&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;checked: layer.layer.visible,&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;onChange: function(evt) {&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;var clayer = map.getLayer(this.value);&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;clayer.setVisibility(!clayer.visible);&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;this.checked = clayer.visible;&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;}&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;});&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;//add the check box and label to the toc&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;dojo.place(checkBox.domNode,dojo.byId("toggle"),"after");&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;var checkLabel = dojo.create('label',{'for':checkBox.name, innerHTML:layerName},checkBox.domNode,"after");&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;dojo.place("&amp;lt;br /&amp;gt;",checkLabel,"after");&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;});&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;});&lt;/SPAN&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Tue, 19 Mar 2013 21:27:51 GMT</pubDate>
    <dc:creator>ZacharyAguayo1</dc:creator>
    <dc:date>2013-03-19T21:27:51Z</dc:date>
    <item>
      <title>Legend on web map, scripting error</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/legend-on-web-map-scripting-error/m-p/526065#M49076</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;SPAN&gt;Hello,&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;I'm working with Arc's API for a school project. I have put in a few widgets into my script. The only one I am having issues with is the legend/Toggle, I am unable to get the toggle to work. Can someone take a look at my script and let me know what I'm doing wrong. I've been at this for about a week and I just don't know what I'm doing wrong. I followed all the directions. Thank you, &lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;var map, legendLayers = [];&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;function init() {&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;map = new esri.Map("map", { &lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;basemap: "topo",&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;center: [-110.934448, 32.331238],&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;zoom: 10&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;});&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;//Legend starts here&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;&lt;SPAN&gt;var homicideLayer = new esri.layers.ArcGISDynamicMapServiceLayer("&lt;/SPAN&gt;&lt;A class="jive-link-external-small" href="http://masgis2.asu.edu:6080/arcgis/rest/services/Group4/Riggs_Test/MapServer/0" rel="nofollow" target="_blank"&gt;http://masgis2.asu.edu:6080/arcgis/rest/services/Group4/Riggs_Test/MapServer/0&lt;/A&gt;&lt;SPAN&gt;",{id:'Homicide'});&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;legendLayers.push({layer:homicideLayer,title:'Homicide'});&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;&lt;SPAN&gt;var rapeLayer = new esri.layers.ArcGISDynamicMapServiceLayer("&lt;/SPAN&gt;&lt;A class="jive-link-external-small" href="http://masgis2.asu.edu:6080/arcgis/rest/services/Group4/Riggs_Test/MapServer/1" rel="nofollow" target="_blank"&gt;http://masgis2.asu.edu:6080/arcgis/rest/services/Group4/Riggs_Test/MapServer/1&lt;/A&gt;&lt;SPAN&gt;",{id:'Rape'});&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;legendLayers.push({layer:rapeLayer,title:'Rape'});&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;&lt;SPAN&gt;var aggassaultLayer = new esri.layers.ArcGISDynamicMapServiceLayer("&lt;/SPAN&gt;&lt;A class="jive-link-external-small" href="http://masgis2.asu.edu:6080/arcgis/rest/services/Group4/Riggs_Test/MapServer/3" rel="nofollow" target="_blank"&gt;http://masgis2.asu.edu:6080/arcgis/rest/services/Group4/Riggs_Test/MapServer/3&lt;/A&gt;&lt;SPAN&gt;",{id:'Aggravated Assault'});&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;legendLayers.push({layer:aggassaultLayer,title:'Aggravated Assault'});&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;&lt;SPAN&gt;var robberyLayer = new esri.layers.ArcGISDynamicMapServiceLayer("&lt;/SPAN&gt;&lt;A class="jive-link-external-small" href="http://masgis2.asu.edu:6080/arcgis/rest/services/Group4/Riggs_Test/MapServer/2" rel="nofollow" target="_blank"&gt;http://masgis2.asu.edu:6080/arcgis/rest/services/Group4/Riggs_Test/MapServer/2&lt;/A&gt;&lt;SPAN&gt;",{id:'Robbery'});&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;legendLayers.push({layer:robberyLayer,title:'Robbery'}); &lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;dojo.connect(map,'onLayersAddResult',function(results){&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;var legend = new esri.dijit.Legend({&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;map:map,&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;layerInfos:legendLayers&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;},"legendDiv");&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;legend.startup();&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;});&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;map.addLayers([homicideLayer,rapeLayer,aggassaultLayer,robberyLayer]); &lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;dojo.connect(map,'onLayersAddResult',function(results){&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;//add check boxes &lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;dojo.forEach(legendLayers,function(layer){ &lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;var layerName = layer.title;&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;var checkBox = new dijit.form.CheckBox({&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;name: "checkBox" + layer.layer.id,&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;value: layer.layer.id,&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;checked: layer.layer.visible,&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;onChange: function(evt) {&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;var clayer = map.getLayer(this.value);&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;clayer.setVisibility(!clayer.visible);&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;this.checked = clayer.visible;&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;}&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;});&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;//add the check box and label to the toc&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;dojo.place(checkBox.domNode,dojo.byId("toggle"),"after");&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;var checkLabel = dojo.create('label',{'for':checkBox.name, innerHTML:layerName},checkBox.domNode,"after");&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;dojo.place("&amp;lt;br /&amp;gt;",checkLabel,"after");&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;});&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;});&lt;/SPAN&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 19 Mar 2013 21:27:51 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/legend-on-web-map-scripting-error/m-p/526065#M49076</guid>
      <dc:creator>ZacharyAguayo1</dc:creator>
      <dc:date>2013-03-19T21:27:51Z</dc:date>
    </item>
  </channel>
</rss>

