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

weixin_34245169

于 2018-03-14 21:36:00 发布

阅读量2.2k

点赞数

文章标签： javascript ViewUI

本文介绍如何使用arcgis api创建风向流动图。通过修改开源项目wind-js，实现地图缩放时粒子数量动态变化，优化视觉效果，并调整风向流动颜色和部分参数设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

实现思路：

在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表示用于计算的风速最大值