1. <dd id="erndk"></dd>
                1. arcgis api 3.x for js 入門開發系列十八風向流動圖(附源碼下載)

                  互聯網 2022/1/4 11:08:59

                  前言關于本篇功能實現用到的 api 涉及類看不懂的,請參照 esri 官網的 arcgis api 3.x for js:esri 官網 api,里面詳細的介紹 arcgis api 3.x 各個類的介紹,還有就是在線例子:esri 官網在線例子,這個也是學習 arcgis api 3.x 的好素材。本篇主要講述的是利用 arcgis …

                  前言

                  關于本篇功能實現用到的 api 涉及類看不懂的,請參照 esri 官網的 arcgis api 3.x for js:esri 官網 api,里面詳細的介紹 arcgis api 3.x 各個類的介紹,還有就是在線例子:esri 官網在線例子,這個也是學習 arcgis api 3.x 的好素材。

                  本篇主要講述的是利用 arcgis api 3.x 實現風向流動圖,效果圖如下:

                  實現思路

                  在esri提供的開源github基礎上進行修改的

                  修改之處

                  • esri 的效果是縮放地圖時候,粒子數是不變的,即是不會隨著地圖的縮放而變動,導致地圖放大的時候,效果很不好,看不出來風向流動的效果;修改為粒子數是根據地圖當前范圍 extent 而動態改變的。
                  • 修改 windy.js 文件的風向流動顏色帶,esri 默認分級顏色,我這里統一一種顏色
                  • 修改 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];
                  

                  源碼分享

                  demo源碼下載

                  隨時隨地學軟件編程-關注百度小程序和微信小程序
                  關于找一找教程網

                  本站文章僅代表作者觀點,不代表本站立場,所有文章非營利性免費分享。
                  本站提供了軟件編程、網站開發技術、服務器運維、人工智能等等IT技術文章,希望廣大程序員努力學習,讓我們用科技改變世界。
                  [arcgis api 3.x for js 入門開發系列十八風向流動圖(附源碼下載)]http://www.yachtsalesaustralia.com/tech/detail-279848.html

                  贊(0)
                  關注微信小程序
                  程序員編程王-隨時隨地學編程

                  掃描二維碼或查找【程序員編程王】

                  可以隨時隨地學編程啦!

                  技術文章導航 更多>
                  国产在线拍揄自揄视频菠萝

                        1. <dd id="erndk"></dd>