Trouble importing gltf model

CesiumJS
1

I’m trying to import a gltf model of an aircraft and then move it. My research indicates that I need to store the model as an entity so that I can manipulate the entitys position instead of the model directly. My issue is that I can import a model but trying to do so as an entity doesn’t work.

My model shows correctly with this code (of course I can’t move it because it isn’t an entity)

async function loadPlane(){
// Position a model with modelMatrix and display it with a minimum size of 128 pixels
const position = Cesium.Cartesian3.fromDegrees(
-123.0744619,
44.0503706,
5000.0
);
const headingPositionRoll = new Cesium.HeadingPitchRoll();
const fixedFrameTransform = Cesium.Transforms.localFrameToFixedFrameGenerator(
“north”,
“west”
);
try {
model = await Cesium.Model.fromGltfAsync({
url: “./757/757.gltf”,
modelMatrix: Cesium.Transforms.headingPitchRollToFixedFrame(
position,
headingPositionRoll,
Cesium.Ellipsoid.WGS84,
fixedFrameTransform
),
minimumPixelSize: 128,
});
myent = viewer.scene.primitives.add(model);
} catch (error) {
console.log(Failed to load model. ${error});
}
const entity = viewer.entities.add({
position: Cesium.Cartesian3.fromDegrees(-123.0744619, 44.0503706),
model: model,
});
viewer.trackedEntity = entity;
}
loadPlane();

This does not show my model.

function loadPlane(){
my_ent = viewer.entities.add({
position: Cesium.Cartesian3.fromDegrees(-123.0744619, 44.0503706),
model: {
uri: “./757/757.gltf”,
},
});
viewer.trackedEntity = my_ent;
}
loadPlane();

Can anyone explain what’s going on here? I’m trying to store the entity as my_ent (global var) so that I can manipulate it . Is that the right way to do it?

edit:
As per usual just realized the issue. It’s importing fine just at ground level since the hieght was never specified.