zoukankan      html  css  js  c++  java
  • 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,
             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'})  
    }
  • 相关阅读:
    你可能不知道的 30 个 Python 语言的特点技巧
    正则替换sql为动态sql
    列表按指定个数分割后格式化输出
    多线程队列下载天涯帖子
    多线程下载图片
    sublime text3 运行python配置
    01_什么是接口测试
    02_Fiddler使用
    01_Fiddler安装
    05_功能测试
  • 原文地址:https://www.cnblogs.com/hlweng-0207/p/11911959.html
Copyright © 2011-2022 走看看