cesium 实现风场图效果(附源码下载)

前言

本篇实现 cesium 风场图功能，效果图如下：

核心代码

• 风场图初始化调用

function Draw() {

$.ajax({

type: "get",

url: "sampledata/wind/gfs20171227.json",//请求风场数据源json

dataType: "json",

success: function (response) {

var header = response[0].header;

windy = new Windy(response, viewer);

redraw();

},

error: function (errorMsg) {

alert("请求数据失败1!");

}

});

}

var timer = null;

//加载风场图

Draw();

function redraw() {

timer = setInterval(function () {

windy.animate();

}, 300);

}

• Windy风场

var _primitives = null;

var SPEED_RATE = 0.15;

var PARTICLES_NUMBER =2000;//默认2000

var MAX_AGE = 10;

var BRIGHTEN = 1.5;

var Windy = function (json, cesiumViewer) {

this.windData = json;

this.windField = null;

this.particles = [];

this.lines = null;

_primitives = cesiumViewer.scene.primitives;

this._init();

};

Windy.prototype = {

constructor: Windy,

_init: function () {

// 创建风场网格

this.windField = this.createField();

// 创建风场粒子

for (var i = 0; i < PARTICLES_NUMBER; i++) {

this.particles.push(this.randomParticle(new Particle()));

}

},
……

更多详情见下面链接文章：

GIS之家小专栏此文章：cesium 实现风场图效果(附源码下载)

文章提供源码，对本专栏感兴趣的话，可以关注一波