How to update WMSLayer by ID ESRI js 4.14

SRIVENKATESHVASIRAJU1 — Wed, 08 Apr 2020 21:56:20 GMT

Hi All,

I am new to the ESRI js API 4.14. I have an application where I render a default map and then conditionally add new WMS Layers. Each of these have a unique ID which are defined by the WMSLayer.id object. Now when I update the properties for 1 layer using this.wmsLayer.{SomeProperty} , It works just fine. When I have more than 1 layer then this.wmsLayer updates another layer rather than my current layer. I am looking for a way to update the specific layer. Is there a way to do this by ID?

Thanks!

Re: How to update WMSLayer by ID ESRI js 4.14

AnneFitz — Wed, 08 Apr 2020 23:03:33 GMT

Hi, have you tried using wmsLayer.sublayers? Or would you be able to share your code? I'm not sure if I understand what you are asking.

Thanks,

Anne

Re: How to update WMSLayer by ID ESRI js 4.14

SRIVENKATESHVASIRAJU1 — Wed, 08 Apr 2020 23:32:39 GMT

Sure Anne,

Here is my code. Just for a context of what I am working on......

Default Map get Created with no WMS Layers => User Selects an Animal Name from a Input box => Once use selects an Animal => There are 3 checkboxes made => On clicking one of these checkboxes, a layer on the WMS layer get created which is a distribution model image....

This process goes on for more than 1 type of Animal where I make more than 1 WMS layer and toggle their visibility if there are no checkboxes for that animal selected. The code is as follows.....

This Function makes a new layer conditionally...

This is the function that takes care of the checkbox state change and tries to update the Layer. This is where I am having trouble...

//Empty the Layer and Filter Texts

layerText = '';

filterText = '';

//new Arrays for grouping the text

var layerSelect = [];

var filterAttr = [];

var visibleLayers = [];

//push the selected Checkboxes into the griuping arrays

console.log("Change Occured for the Taxon " + taxon)

$('div#' + taxon + ' input:checked').each(function() {

layerSelect.push($(this).attr('id'));

filterAttr.push($(this).data('filter'));

});

//String Manipulate the Arrays

filterAttr = filterAttr.map(function(e) { return "taxon_id='" + taxon + "'" + e });

layerSelect = layerSelect.join();

filterAttr = filterAttr.join(";");

//Assign arrays to arguments

layerText = layerSelect;

filterText = filterAttr;

tax_id = "some_" + taxon;

if (availableList.indexOf(tax_id) == -1) {

//make new layer if layer does not exist

new makeLayer(filterText, layerText, tax_id, bBox);

console.log("Making a new layer!");

availableList.push(tax_id);

console.log(availableList)

} else {

if (layerText.length != 0 && filterText.length != 0) {

//check and Update the current layers

if (wmsLayer.id != "some" + taxon) {

console.log("Do Nothing");

} else {

console.log("DO UPDATE")

this.wmsLayer.visible = true;

this.wmsLayer.customLayerParameters.cql_filter = '';

this.wmsLayer.customLayerParameters.cql_filter = filterText;

this.wmsLayer.customLayerParameters.layers = '';

this.wmsLayer.customLayerParameters.layers = layerText;

this.wmsLayer.customLayerParameters.bbox = bBox;

this.wmsLayer.refresh()

}

} else {

console.log(layerText);

console.log(filterText);

console.log(this.wmsLayer.id);

this.wmsLayer.visible = false;

this.wmsLayer.refresh();

visibleLayers = visibleLayers.filter(item => item !== tax_id);

console.log(visibleLayers);

}

topic Re: How to update WMSLayer by ID ESRI js 4.14 in ArcGIS JavaScript Maps SDK Questions

How to update WMSLayer by ID ESRI js 4.14

Re: How to update WMSLayer by ID ESRI js 4.14

Re: How to update WMSLayer by ID ESRI js 4.14