Layout Example Template to Toggle Mapservices on/off..

Question

I am trying to work with the "Map Container Split in Three (Headline)" Layout Example for JS api. http://help.arcgis.com/en/webapi/javascript/arcgis/help/jssamples/layout_MapContainerSplitInThree.html In addition I am trying to include some JS code from another sample "Toggle layer visibility" into the "Map Container Split in Three (Headline)" layout.. by adding the layer buttons into the first accordion on the left side of the layout. I am able to get the buttons to show up.. The first Mapservice draws on intialization fine but the others don't show up when I try to toggle them on and off.. I am hoping someone with more experience than I can help walk me through getting this to work so that I might be able to get some of my mapservices into the layout eventually.. Below is the code..

Content for pane 2

Content for pane 3

This is the right section

AlexGray · Answer

Your code was really close, you just need to remove the var from in front of the section where you create the layers (see below). imageryPrime = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer", {id:"imageryPrime"}); map.addLayer(imageryPrime); streetMap = initLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer", "streetMap"); shadedRelief = initLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Shaded_Relief/MapServer", "shadedRelief"); ngsTopoUS = initLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer", "ngsTopoUS"); boundariesWorld = initLayer("http://server.arcgisonline.com/ArcGIS/rest/services/Reference/World_Boundaries_and_Places/MapServer", "boundariesWorld"); Kelly, Thanks for your help.. after I made the changes you suggested it worked great.. I then tried to add some data of my own.. just a simple county boundary to overlay on the other layers.. Unfortunately, it doesn't seem to be working correctly.. actually, not at all.. here is the code I added.. Line 106 countyBoundary = initLayer("http://gis1.co.frederick.va.us/ArcGIS/rest/services/County_Boundary/MapServer","countyBoundary"); Line 108 map.addLayer(countyBoundary); Line 171 Do you have any I idea why this wouldn't work? Thanks, Alex

khutchins · Answer

Your code was really close, you just need to remove the var from in front of the section where you create the layers (see below). 
  imageryPrime = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer", {id:"imageryPrime"});
  map.addLayer(imageryPrime);

streetMap = initLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer", "streetMap");
  shadedRelief = initLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Shaded_Relief/MapServer", "shadedRelief");
  ngsTopoUS = initLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer", "ngsTopoUS");
  boundariesWorld = initLayer("http://server.arcgisonline.com/ArcGIS/rest/services/Reference/World_Boundaries_and_Places/MapServer", "boundariesWorld");