topic Re: Has anyone used "findLayerByID" with success? in ArcGIS JavaScript Maps SDK Questions

Has anyone used "findLayerByID" with success?

Paco — Tue, 30 Jul 2024 00:49:15 GMT

Hello again all. I am still having problems accessing individual layers within my WebMap thru the js API.

if I have loaded an existing webmap visually in my app-

const webmap = new WebMap({

portalItem: { // autocasts as new PortalItem()

id: "xxportalIDxx"

}

});

why can't I access the individual Layers within it by their IDs? i've tried-

const newLayer = webmap.findLayerByID('xxlayerIDxx')

but keep getting-

TypeError: webmap.findLayerByID is not a function

shouldn't this be a basic chore, to access individual layers within a WebMap?

thx!

Re: Has anyone used "findLayerByID" with success?

ReneRubalcava — Tue, 30 Jul 2024 02:15:49 GMT

I think you have a typo. It's findLayerById.

You need to either wait for view.when() or call the webmap.loadAll(), both are promises so you can await them or use promise.then().

Re: Has anyone used "findLayerByID" with success?

Paco — Tue, 30 Jul 2024 17:56:49 GMT

Ah yes, a lower-case "D" thank you.

okay, "view.when" is where I went and it seems to work fine. thanks everyone!

here is the way I did it, using the layer 'title'. and the code for a dropdown checkbox for the layers visible/not visible.

view.when(function() {

orientationLayer = webmap.allLayers.find(function(layer) {

return layer.title === "SHmax orientations";

});

console.log(orientationLayer)

rasterpolyLayer = webmap.allLayers.find(function(layer) {

return layer.title === "NA_Aphi_NAAP40";

});

console.log(rasterpolyLayer)

});

//Layers dropdown

document.getElementById("orientationLayer").addEventListener('click', function() {

console.log("orientation layer")

if (this.checked == true) {

orientationLayer.visible = true

}

else orientationLayer.visible = false

});

document.getElementById("rasterpolyLayer").addEventListener('click', function() {

console.log("raster poly layer")

if (this.checked == true) {

rasterpolyLayer.visible = true

}

else rasterpolyLayer.visible = false

});