Cesium 是一款面向三维地球和地图的,世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精度,渲染质量以及多平台,易用性上都有高质量的保证。前段时间,在某些交流群里看到有朋友在问Billboard如何加载Gif图片,正好,Github上有一个类似的效果案例,但是无奈,案例的源码打包封装到Cesium里面了,而且Cesium的版本过于老旧,于是研究了一下,基于libgif-js做了一个Billboard加载Gif图片的案例,分享给有需要的朋友。

Cesium 是一款面向三维地球和地图的,世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精度,渲染质量以及多平台,易用性上都有高质量的保证。

前段时间,在某些交流群里看到有朋友在问Billboard如何加载Gif图片,正好,Github上有一个类似的效果案例,但是无奈,案例的源码打包封装到Cesium里面了,而且Cesium的版本过于老旧,于是研究了一下,基于libgif-js做了一个Billboard加载Gif图片的案例,分享给有需要的朋友。

效果图
Cesium专栏-Billboard加载Gif图片_Billboard
原始GIF图片
Cesium专栏-Billboard加载Gif图片_Billboard_02

代码量也比较少,直接分享

var div = document.createElement("div");var img = document.createElement("img");
div.appendChild(img);
img.src = "cheering_minions.gif";
 
img.onload = () => {var rub = new SuperGif({
gif: img
});
……