美文网首页Gis专辑gisGIS之家
arcgis api for js入门开发系列十八风向流动图

arcgis api for js入门开发系列十八风向流动图

作者: gis之家 | 来源:发表于2018-03-14 23:16 被阅读25次

    本篇主要讲述的是利用arcgis api实现风向流动图,效果图如下:

    image
    实现思路:
    在esri提供的开源githunb基础上进行修改的:https://github.com/gishome/wind-js
    修改之处:
    1.esri的效果是缩放地图时候,粒子数是不变的,即是不会随着地图的缩放而变动,导致地图放大的时候,效果很不好,看不出来风向流动的效果;修改为粒子数是根据地图当前范围extent而动态改变的。
    2.修改windy.js文件的风向流动颜色带,esri默认分级颜色,我这里统一一种颜色;
    3.修改windy.js文件部分因子值的设置,修改后如下:
    var VELOCITY_SCALE = 0.011;             // scale for wind velocity (completely arbitrary--this value looks nice)
      //MAX_WIND_INTENSITY 和 INTENSITY_SCALE_STEP用于计算设置各区间段的风速颜色,MAX_WIND_INTENSITY表示用于计算的风速最大值
      //统一白色后参数无效
      var INTENSITY_SCALE_STEP = 10;            // step size of particle intensity color scale
      var MAX_WIND_INTENSITY = 40;              // 40 wind velocity at which particle intensity is maximum (m/s)
      //用于控制离子的生命
      var MAX_PARTICLE_AGE = 100;                // 100  max number of frames a particle is drawn before regeneration
      //用于控制离子的宽度
      var PARTICLE_LINE_WIDTH = 2.3;              // line width of a drawn particle
      //用于控制粒子的密度,PARTICLE_MULTIPLIER值越大则粒子密度越大
      var PARTICLE_MULTIPLIER = 0.005;              // 1/30 particle count scalar (completely arbitrary--this values looks nice)
      //用于移动端减少粒子因子
      var PARTICLE_REDUCTION = 0.75;            // reduce particle count to this much of normal for mobile devices
      //用于控制地图放大缩小粒子个数
      var PARTICLE_FACTOR = 1;
      //用于控制帧的频率,越大,频率越快
      var FRAME_RATE = 30;                      // desired milliseconds per frame
      var BOUNDARY = 0.45;
      var NULL_WIND_VECTOR = [NaN, NaN, null];  // singleton for no wind in the form: [u, v, magnitude]
      var TRANSPARENT_BLACK = [255, 0, 0, 0];
    

    备注:团队承接webgis/gis毕业设计以及webgis项目等业务,欢迎有相关需求的客户来咨询
    GIS之家接受webgis开发遇到的技术疑点难点在线咨询收费模式,有需要的加QQ:406503412,具体详情见:咨询模式
    GIS作品:GIS之家
    GIS之家知乎专栏:GIS之家知乎专栏
    GIS之家交流群一:432512093(已满)
    GIS之家交流群二:296438295(已满)
    GIS之家交流群三:632467934

    相关文章

      网友评论

        本文标题:arcgis api for js入门开发系列十八风向流动图

        本文链接:https://www.haomeiwen.com/subject/utxcqftx.html