Having Issue on Adding/Removing Service Layer by Checkbox

BruceGreen

Can you please take a look at this code and let me know how I can add and remove some layers based on their index number in a Map Service? I tried this before but it is not working!

Layer 52 : <input type="checkbox" value=52 name="overlayLayers"><br  />
Layer 53 : <input type="checkbox" value=53 name="overlayLayers"><br  />

   var service ="http://renewablestoolbox.biol.sfu.ca/rorapp/rest/services//RORApp/MapServer";
   
    $('input:checkbox[name=overlayLayers]').on('change', function(){
    if($(this).is(':checked')){
        var index = $(this).val();
        map.addLayer(service+index);
    }
    else{
        var index = $(this).val();
        map.removeLayer(service+index);
        }
});

rscheitlin

Behrouz,

   The main issue in your code is you are trying to add a string to the map and not an actual layer.  Try something like map.addLayer(new FeatureLayer(service+index));  and map.removeLayer is expecting an actual layer as well.

Look at the docs for map.getLayer:

Map | API Reference | ArcGIS API for JavaScript | getLayer​

This would mean that you need to assign an Id to the layer when it is added.