描述:加载billboard的时候,要么是显示,要么是隐藏,不能平滑的显示,有个从不显示到显示的过程
解决方案:创建billboard的时候给一个color,颜色为(255,255,255),透明度从0-1
let opacity = 0;
let timer = setInterval(() => {
if (opacity < 1) {
opacity += 0.01;
} else {
clearInterval(timer);
}
}, 20);
viewer.entities.add({
position: new Cesium.Cartesian3.fromDegrees(113.392639, 38.091184, 0),
billboard: {
image: './image/img.png',
color: new Cesium.CallbackProperty(() => {
return Cesium.Color.fromCssColorString(`rgba(255,255,255,${1})`);
}, false),
},
})
注意:color必须为(255,255,255),否则会和原本的图片颜色叠加。
同理,color为(255,255,255),设置a能控制billboard的透明度