Change symbolLayer in place without having to recreate it

JPichel — Wed, 15 Mar 2023 23:11:41 GMT

Hi, I am building an application where I need to update my 3D model of a drone several times per second. For the drone model I add a Graphic to a GraphicsLayer with a PointSymbol3D having a ObjectSymbol3DLayer that has the drone model. The code for creating this graphic is this:

const point = new Point({
spatialReference: SPATIAL_REFERENCE,
latitude: telemetry.latitude,
longitude: telemetry.longitude,
hasZ: true,
z: telemetry.relativeAltitude,
})
const symbolLayer = new ObjectSymbol3DLayer({
height: 1,
anchor: 'relative',
anchorPosition: {
x: 0,
y: 0,
z: -0.2,
},
resource: {
href: './drone3D.glb'
},
heading: telemetry.heading + 180,
tilt: telemetry.pitch,
roll: telemetry.roll,
})
const symbol = new PointSymbol3D({
symbolLayers: [
symbolLayer
]
})
droneModel = new Graphic({
geometry: point,
symbol,
})
droneModelLayer.add(droneModel)
focusDrone()

Since I need to do this kind of operation several times per second, I don't want to make a new ObjectSymbol3DLayer everytime, but I would rather like modifying its properties in-place. More exactly I just need to modify the tilt, heading and roll of the ObjectSymbol3DLayer. I've tried many ways to do this, but can't make it work:

const symbolLayer = ((droneModel.symbol as PointSymbol3D).get('symbolLayers') as any)[0]
symbolLayer.set({
heading: telemetry.heading + 180,
tilt: telemetry.pitch,
roll: telemetry.roll
})

topic Change symbolLayer in place without having to recreate it in ArcGIS JavaScript Maps SDK Questions

Change symbolLayer in place without having to recreate it