In my opinion, you are making an unnecessary request and limiting easy enhancement of your application. I've stripped this down so it's simpler.The first file I load in the head is config.js. Here's a config object:var config = {
token: 'some_token',
tools: [
{
name: 'Measure',
widget: 'bowc.widget.Measure',
placeAt: 'new floating pane',
placeControls: ['toolbar','mapContext']
}
],
layersDynamic: [
{
url: 'http://server/ArcGIS/rest/services/Flood/MapServer',
token: true,
name: 'Flood',
id: 'flood',
visible: false,
opacity: 1,
imageFormat: 'png24',
dpi: 96,
legend: true,
parcelLabelControl: false,
subLayerControl: true,
identify: true,
identifyLayers: ['*'],
info: true,
infoHtml: 'This layer displays the FEMA flood zones.'
},
{
url: 'http://server/ArcGIS/rest/services/MunicipalBoundaries/MapServer',
token: true,
name: 'Municipal Boundaries',
id: 'mboundaries',
visible: true,
opacity: 1,
imageFormat: 'png24',
dpi: 96,
legend: true,
parcelLabelControl: false,
subLayerControl: true,
identify: false,
identifyLayers: undefined,
info: true,
infoHtml: 'This layer displays city limits and the urban growth boundary (UGB).'
}
],
layersFeature: [
]
}You'll notice that beyond layers, there is also global objects (the token), and objects used to determine layout and functionality. In fact all my apps are built and controlled by a single base class, which uses the config object for all it's params.Somewhere in my buildUI function it's time to add layers:dojo.forEach(config.layersDynamic, function(l) { app.layers.addDynamic(l) });Simple iteration of the object.Here's app.layers.addDynamic()var app = {
layers: {
addDynamic: function (l) {
var url;
if (l.token == true) {
url = l.url + '?token=' + token
} else {
url = l.url
}
var layer = new esri.layers.ArcGISDynamicMapServiceLayer(url, {
id: l.id,
visible: l.visible,
opacity: l.opacity
});
layer.setImageFormat(l.imageFormat); //implicitly set - doesn't always work if added to layer object params
layer.setDPI(l.dpi); //implicitly set - doesn't always work if added to layer object params
var control = '<div id="' + l.id + '_layer_control"><input id="' + l.id + '_control_cb" /> ' + l.name + '  <img id="' + l.id + '_update" src="images/updating.gif" style="display:none; width:14px; height:14px;" /><div>'
dojo.place(control, 'toc', 'first');
var checkbox = new dijit.form.CheckBox({
checked: l.visible,
onChange: function () {
if (layer.visible == true) {
layer.hide()
} else {
layer.show()
}
}
}, l.id + '_control_cb');
dojo.connect(layer, 'onUpdateStart', function (evt) {
dojo.style(l.id + '_update', 'display', 'inline')
});
dojo.connect(layer, 'onUpdateEnd', function (evt) {
dojo.style(l.id + '_update', 'display', 'none')
});
if (l.legend == true) {
//add to legend
}
app.map.addLayer(layer); //last
}
}
}Layer added with some extras. Just like yours.So there's one approach which may help.
