Hi guys, I hope you are all doing well!
I have a strange exception in my implementation. The problem is when there is a popup in display, and if I want to zoom out, the Esri Library is throwing an exception. 4.24:2411 Uncaught TypeError: Failed to execute 'removeChild' on 'Node': parameter 1 is not of type 'Node'.
I'm not sure if it is related to my implementation. If required I can also share what I'm doing within JS.
Attaching this as well, maybe it helps.
UPDATE:
I found the problem source. It is the renderer that I have for my sublayers. When I remove them I'm no longer having the exception but I don't understand what is wrong with my renderer:
let rluLayer = new MapImageLayer({
url: URL,
imageFormat: "png24",
imageTransparency: "true",
listMode: "show",
title: "RLU Program",
sublayers: [
{
id: 0,
title: "Unavailable RLU",
definitionExpression: "Status = 'Available'",
visible: true,
// renderer: {
// type: "simple",
// symbol: {
// type: "simple-fill",
// style: "solid",
// outline: {
// style: "solid",
// color: [255, 0, 0],
// width: 1
// },
// color: [255, 0, 0, 0.2]
// }
// }
},
{
id: 1,
title: "Available RLU",
definitionExpression: "HuntingID IN (810004, 810005)",
// renderer: {
// type: "simple",
// symbol: {
// type: "simple-fill",
// style: "solid",
// outline: {
// style: "solid",
// color: [76, 230, 0],
// width: 1
// },
// color: [76, 230, 0, 0.2]
// }
// },
visible: true
}
]
});
let permitLayer = new MapImageLayer({
url: URL,
imageFormat: "png24",
imageTransparency: "true",
listMode: "show",
title: "Permit Program",
sublayers: [
{
id: 2,
title: "Access Point",
visible: true
},
{
id: 3,
title: "Permit Area",
// renderer: {
// type: "simple",
// symbol: {
// type: "simple-fill",
// style: "solid",
// outline: {
// style: "solid",
// color: [255, 186, 0],
// width: 1
// },
// color: [255, 186, 0, 0.2]
// }
// },
visible: true
},
{
id: 4,
title: "Access Route",
visible: true
},
{
id: 5,
title: "Walk-in Area",
visible: true
}
]
});