当我们在Cesium里要加载广告牌时,明明图片的路径对了,但却一直提示加载失败,类似于
这样的问题。这时候我们只需要通过图片导入的方式就解决啦。
原先的代码是这样的:
billboard: {
position: Cesium.Cartesian3.fromDegrees(centroid[0], centroid[1]),
image: '../../assets/img/header/qizi.png',
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
disableDepthTestDistance: Number.POSITIVE_INFINITY,
show:false,
width:30,
height:40,
},
我们只需要这样修改:
import img from "../../assets/img/header/qizi.png"
billboard: {
position: Cesium.Cartesian3.fromDegrees(centroid[0], centroid[1]),
image: img,
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
disableDepthTestDistance: Number.POSITIVE_INFINITY,
show:false,
width:30,
height:40,
},
这样就可以解决图片加载不出来的问题了。