首先是有在二维地图上的一个风场效果,通过canvas进行的绘制,例如leaflet开源地图上就能够根据数据生成风场的效果图。
最近mapbox里的大神分享了如何在cesium上实现风场的效果,并在github上进行了开源,开源地址:
https://github.com/RaymanNg/3D-Wind-Field
预览效果:
https://raymanng.github.io/3D-Wind-Field/demo/
技术说明英文博客:
https://cesium.com/blog/2019/04/29/gpu-powered-wind/
有气象的风场数据,可以根据示例的代码进行实现。
在GPU上使用webgl的技术进行绘制,要比使用js代码直接在canvas上绘制提升的效率高很多,渲染的速度,粒子数也多。