ArcGIS javascript api - layer reordering - how to add new layers?

Question

I am learning ArcGIS javascript API and wanted to make a reordering panel for my webapp. I looked through the ArcGIS sample.

but I'm stuck at addLake() function. If I'm understand the sample correctly, to add the new lake layer

1. get the existing DynamicLayerInfos from the current map
2. create a new DynamicLayerInfo for the new layer
3. push to the DynamicLayerInfos
4. set the new DynamicLayerInfos to the map

The example uses LayerDataSource that reference a table as the new data source for the layer.

And how do you add a new layer from a public layer on a MapServer/FeatureServer. Can someone give me an example?

Answer 1

Have you looked at the reorder function on the map object?

Suppose your map already has 2 layers, and you want to add a new layer in between them, you could use the following code:

var LouisvilleLayer=new esri.layers.ArcGISDynamicMapServiceLayer(
  "http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Louisville/LOJIC_LandRecords_Louisville/MapServer",
  {useMapImage:true});
map.addLayer(LouisvilleLayer);
map.reorderLayer(LouisvilleLayer,1);

Answer 2

In ArcGIS JS API version 4.22, you can give layer index while adding layer.

map.add(layer, 0);

The index "0" defines the lowest layer.

Source

Answer 3

So I still don't really understand the part about LayerDataSource but I did manage to add layer successfully while updating the switchable layered list.

What I did was I used I

1. get the current DynamicLayerInfos from map.
2. generated a new ArcGISDynamicMapServiceLayer of the MapLayer I wanted to insert (remember to use unique id)
3. Add layer to map with app.map.addLayer(...)
4. Then I created DynamicLayerInfos with createDynamicLayerInfosFromLayerInfos()
5. Extract individual DynamicLayerInfo
6. push the new DynamicLayerInfo to the current DynamicLayerInfos list with DynamicLayerInfos.push(...)