Question

当用Cesium3DTileset加载倾斜摄影 同时绘制一个Billboard 并将heightReference属性设置为Cesium.HeightReference.CLAMP_TO_GROUND时 放大地图到一定程度 和出现报错信息怎么处理

Answer 1

您好，

具体出现的报错信息是什么呢？方便截图吗？

另外：billboard贴地示范代码
 

var viewer = new Cesium.Viewer('cesiumContainer',{
        //添加STK World Terrain地形服务
        terrainProvider : new Cesium.CesiumTerrainProvider({
            url : URL_CONFIG.STK,
            requestWaterMask : true,
            requestVertexNormals : true
        }),
        //添加BingMaps影像服务
        imageryProvider :  new Cesium.BingMapsImageryProvider({
            url : 'https://dev.virtualearth.net',
            mapStyle : Cesium.BingMapsStyle.AERIAL,
            key : URL_CONFIG.BING_MAP_KEY
        })
    });
    //设置相机视角
    viewer.entities.add({
        position : Cesium.Cartesian3.fromDegrees(103.064734, 31.12816),
        billboard :{
            image : './images/省级.png',
            heightReference:Cesium.HeightReference.CLAMP_TO_GROUND
        }
    });
    viewer.scene.globe.depthTestAgainstTerrain = false;
    viewer.scene.camera.setView({
        destination : new Cesium.Cartesian3.fromDegrees(103.064734,31.12816,8870.867706),
        orientation : {
            heading : 0.34555839949062594,
            pitch : -0.1422794351856307,
            roll : 0.0009471063581933947
        }
    });

可以对照一下

Comments

//加载倾斜摄影

let tileset = new Cesium.Cesium3DTileset({

        url: 'xxxxxxx',

      });

      viewer.scene.primitives.add(tileset);

//绘制billboards

var billboards = new Cesium.BillboardCollection({

          scene:viewer.scene

        });

        billboards.add({

          image: 'data:image/png;base64,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',

          heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,

          // heightReference: Cesium.HeightReference.NONE ,

          //disableDepthTestDistance: Number.POSITIVE_INFINITY,

          //disableDepthTestDistance:0,

          horizontalOrigin: Cesium.HorizontalOrigin.CENTER,

          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,

          // pixelOffset: this.offset ? new Cesium.Cartesian2(this.offset[0], this.offset[1]) :new Cesium.Cartesian2(0, 0),

          width: 24,

          height: 22,

          scale: 1,

          position : Cesium.Cartesian3.fromDegrees(120.3729791,27.862445,0),

        })

 

        var collection = new Cesium.PrimitiveCollection();

        collection.add(billboards);

        viewer.scene.primitives.add(collection);

---

所以您的报错信息是什么呢？方便截图吗？

---

这个是报错信息

---

从报错来看，tilesetPassState应该是一个函数，且类型的设置出现了问题，您看一下这个函数是否有问题。

可以参考https://blog.csdn.net/weixin_45782925/article/details/124020377里的问题，应该是一类问题。