js实现线路流动_arcgis api 3.x for js 入门开发系列十八风向流动图(附源码下载)...

04ddaad5dfb891190398a7216f0a6704.png

前言

关于本篇功能实现用到的 api 涉及类看不懂的,请参照 esri 官网的 arcgis api 3.x for js:esri 官网 api,里面详细的介绍 arcgis api 3.x 各个类的介绍,还有就是在线例子:esri 官网在线例子,这个也是学习 arcgis api 3.x 的好素材。

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

2bab223fa8430a5655b23633189bdd0d.png

实现思路

在esri提供的开源github基础上进行修改的

修改之处

  • esri 的效果是缩放地图时候,粒子数是不变的,即是不会随着地图的缩放而变动,导致地图放大的时候,效果很不好,看不出来风向流动的效果;修改为粒子数是根据地图当前范围 extent 而动态改变的。
  • 修改 windy.js 文件的风向流动颜色带,esri 默认分级颜色,我这里统一一种颜色
  • 修改 windy.js 文件部分因子值的设置,修改后如下

更多的详情见

arcgis api 3.x for js 入门开发系列十八风向流动图(附源码下载) - 小专栏​xiaozhuanlan.com
4e2e515c85a1db8a64ac96f76ef62093.png

文章尾部提供源代码下载,对本专栏感兴趣的话,可以关注一波

GIS之家店铺:GIS之家
GIS之家源码咨询:GIS之家webgis入门开发系列demo源代码咨询

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值