当前位置: 首页 > Web前端 > HTML

记录入门cesium——cesium全球动态贴图,使用场景气象、海冰分时顺序

时间:2023-03-27 23:23:04 HTML

hint:"@supermap/vue-iclient3d-webgl":"^1.0.9"方案{一图:imageList=[("../../static/Image_15.png")},{image:require("../../static/Image_16.png")},{image:require("../../static/Image_17.png")},{image:require("../../static/Image_18.png")},{image:require("../../static/Image_19.png")},{image:require("../../static/Image_20.png")},{image:require("../../static/Image_21.png")},{image:require("../../static/Image_22.png")},{image:require("../../static/Image_23.png")},{image:require("../../static/Image_24").png")},{image:require("../../static/Image_25.png")},{image:require("../../static/Image_26.png")},{image:require("../../static/Image_27.png")},{image:require("../../static/Image_28.png")},{image:require("../../static/Image_29.png")},{image:require("../../static/Image_30.png")}]setInterval(()=>{letnewPic=that.imageList.shift()viewer.imageryLayers.remove()letc=viewer.imageryLayers.addImageryProvider(newCesium.SingleTileImageryProvider({url:newPic.image}));那。imageList.push(newPic)setTimeout(()=>{viewer.imageryLayers.remove(c)},430)},230)结论:非常耗性能,图片切得太快会失效.方案二:使用CallbackProperty类的回调函数是惰性求值的,可以实时调用自己。要求:必须是全球地图。this.entities=viewer.entities.add({rectangle:{coordinates:Cesium.Rectangle.fromDegrees(-180.0,-90.0,180.0,90.0),granularity:Cesium.Math.RADIANS_PER_DEGREE*10,材质:newCesium.ImageMaterialProperty({image:newCesium.CallbackProperty(()=>{letnewPic=imageList.shift()imageList.push(newPic)returnnewPic.image;},false)})}});结论:一开始没有设置Granularity的时候只有2帧率,改成默认值的10倍后大概有60帧率。