Cesium添加图片标记点、glb模型

目录

1、添加图片标记点 

2、加载glb模型

---

基于上一篇加载基础地图的代码上继续开发

vue中加载Cesium地图（天地图、高德地图）-CSDN博客文章浏览阅读161次。vue中加载Cesium三维地球https://blog.csdn.net/ssy001128/article/details/148474799继续在cesium.js中加入需要实现的功能函数方法

1、添加图片标记点 

 111.png需要放到public下

export function addImgPoint() {// 添加一个Billboard作为标记viewer.entities.add({position: Cesium.Cartesian3.fromDegrees(110, 30.0), // 经纬度坐标billboard: new Cesium.BillboardGraphics({image: "111.png", // 图片路径width: 50, // 图片宽度height: 50, // 图片高度}),});
}

2、加载glb模型

glb模型自己下载，下载完后需要放到pubilc下

export function addGLB() {// 基本用法const entity = viewer.entities.add({name: "GLB模型示例",position: Cesium.Cartesian3.fromDegrees(116.3974, 39.9093),// 设置模型初始朝向（这里设置为朝北，即heading=0）orientation: Cesium.Transforms.headingPitchRollQuaternion(Cesium.Cartesian3.fromDegrees(coordinateData[0].lon,coordinateData[0].lat),new Cesium.HeadingPitchRoll(Cesium.Math.toRadians(270), // 朝向（heading）：0表示朝北，正数为顺时针旋转（东：90，南：180，西：270）0, // 俯仰角（pitch）：0表示水平0 // 横滚角（roll）：0表示不倾斜)),model: {uri: "car.glb",scale: 2.0,minimumPixelSize: 1228,maximumScale: 20000,incrementallyLoadTextures: true,clampAnimations: true,shadows: Cesium.ShadowMode.ENABLED,},});// 自动定位到模型// viewer.trackedEntity = entity;
}