vue中cesium设置视角,添加删除广告牌


设置视角:

this.viewer.camera.setView({
    destination: Cesium.Rectangle.fromDegrees(
       this.position.west,
       this.position.south,
       this.position.east,
       this.position.north
     ),
     orientation: {
        heading: Cesium.Math.toRadians(0),
        pitch: Cesium.Math.toRadians(-90),
        roll: Cesium.Math.toRadians(0)
     }
 })

entity添加广告牌:

let model = {
      id: 'model',
      position: Cesium.Cartesian3.fromDegrees(longitude, latitude),
      billboard: {
        image: this.boostImg,
        width: 40,
        height: 40
      }
    }
    this.viewer.entities.add(model)
primitives添加广告牌
let billboards = viewer.scene.primitives.add(new Cesium.BillboardCollection())

billboards.add({
          id: `billboard-${data[i].id}`,
          position: Cesium.Cartesian3.fromDegrees(position[0], position[1]),
          image: require('/assets/map/dot.png'),
          horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
          verticalOrigin: Cesium.VerticalOrigin.CENTER,
          scaleByDistance: new Cesium.NearFarScalar(50000, 1, 6000000, 0.1),
          distanceDisplayCondition: new Cesium.DistanceDisplayCondition(50000, 6000000)
        })

移除添加的广告牌

if(billboards.length) {
    billboards.removeAll()
}

if(viewer.entities.getById(`model`)) {
  viewer.entities.remove({id: 'model'})  
}

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM