首先是有在二维地图上的一个风场效果,通过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上绘制提升的效率高很多,渲染的速度,粒子数也多。
Cesium系列:热力图
在Cesium上根据点,可以显示出热力图,在网上有开源的代码,具体的参考网址如下:
https://github.com/danwild/CesiumHeatmap
Cesium开发入门-基础教程
01.Cesium开发入门-基础
02.Cesium开发入门-第一个ceisum页面
03.Cesium开发入门-vue3+vite+ceisum
04.Cesium开发入门-hello cesium
05.Cesium开发入门-控件
06.Cesium开发入门-坐标转化
07.Cesium开发入门-相机
08.Cesium开发入门-飞行动画
09.Cesium开发入门-点线面
10.Cesium开发入门-标注
11.Cesium开发入门-entity实体(线)
12.Cesium开发入门-entity实体(四边形)
13.Cesium开发入门-entity实体(盒子)
14.Cesium开发入门-entity实体(椭圆)
15.Cesium开发入门-entity实体(立体)
16.Cesium开发入门-entity实体(组合)
17.Cesium开发入门-entity删除实体
18.Cesium开发入门-CallbackProperty
19.Cesium开发入门-DataSources数据加载
WebGIS三维(cesium)进阶教程
第一章:WebGIS三维-Cesium开发产品介绍
第二章:WebGIS三维-初始化三维场景
第三章:WebGIS三维-加载第三方地图服务
第四章:WebGIS三维-加载M3D数据服务
第五章:WebGIS三维-鼠标事件
第六章:WebGIS三维-坐标转换
第七章:WebGIS三维-模型拾取
第八章:WebGIS三维-模型属性信息查询
第九章:WebGIS三维-水面效果
第十章:WebGIS三维-图文标注
第十一章:WebGIS三维-Popup注记
第十二章:WebGIS三维-图形绘制
第十三章:WebGIS三维-测量工具
第十四章:WebGIS三维-粒子特效