效果图如下:
话不多说 直接上代码(可直接复用):
const lon = 116; // 模型的经度
const lat = 39.0; // 模型的纬度
const modelHeight = 5000000; // 模型高度 (例如 5000 km)
const modelPosition = Cesium.Cartesian3.fromDegrees(lon, lat, modelHeight);
// 设置模型的方向参数
const heading = 0;
const pitch = 0;
const roll = 0;
const hpRoll = new Cesium.HeadingPitchRoll(Cesium.Math.toRadians(heading), Cesium.Math.toRadians(pitch), Cesium.Math.toRadians(roll));
const orientation = Cesium.Transforms.headingPitchRollQuaternion(modelPosition, hpRoll);
if (!lineEntity.value) {
// 创建模型实体
viewer.entities.add({
position: modelPosition,
orientation: orientation,
model: {
uri: '../../../../public/glb/weixing.glb', // 模型路径
scale: 1,
minimumPixelSize: 100,
},
});
}
放到一个方法里面 替换你的模型路径即可!
至此就结束咯!