Cesium Billboard加载Gif图片

Cesium Billboard加载Gif图片

实现效果

关键代码

 loadGif(img) {
        this.superGif = new SuperGif({
            gif: img
        });

        this.superGif.load(() => {
            this.billboardEntity = this.viewer.entities.add({
                position: this.position,
                billboard: {
                    image: new Cesium.CallbackProperty(() => {
                        return this.superGif.get_canvas().toDataURL("image/png");
                    }, false),
                    verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
                    heightReference: Cesium.HeightReference.RELATIVE_TO_GROUND,
                    scaleByDistance: new Cesium.NearFarScalar(500, 1.0, 2000, 0.1)
                }
            });
        });
    }

详情参见 Cesium实战专栏