前言
關於本篇功能實現用到的 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 文件部分因子值的設置,修改后如下
更多的詳情見:GIS之家小專欄
文章尾部提供源代碼下載,對本專欄感興趣的話,可以關注一波
