一、原理
首先是引入风场数据,创建canvas,其次引入风场核心代码,最后监听鼠标事件,实时渲染。
二、效果图
三、代码
createWindy(windySetting) {
viewer.scene.globe.depthTestAgainstTerrain = true;
let windy = null
var globalExtent = [];//如果处于全球状态就设置为[](只要有一个角获取不到坐标就表示全球状态,实时计算)
let windycanvas = document.createElement('canvas');
windycanvas.setAttribute("id", "windycanvas");
windycanvas.style.position = 'fixed'
windycanvas.style["pointer-events"] = "none";
windycanvas.style["z-index"] = 10;
windycanvas.style["top"] = 0;
document.getElementById('windy').appendChild(windycanvas);
const resizeCanvas = function ()