Mapbox GL插件之echartsLayer


Mapbox GL除了本身的api具有的功能以外,還能夠集成各種開源的類庫。

ECharts 是一個使用 JavaScript 實現的開源可視化庫,涵蓋各行業圖表,百度公司開發的,同時其中也有一些地圖的效果。

Mapbox GL的echarts插件,在github上是以開源的形式發布,不過,年限相對來說是三年前的了,當時echarts還是版本3,現在echarts已經更新到4版本了。 

地址是:

https://github.com/lzxue/echartsLayer

國內的地圖大廠商在此基礎上進行了bug的修改,在廠商的官方網站上,也有for Mapbox GL的樣例,前端是基於Mapbox GL進行的修改,后台他們開發的數據服務支持前端的調取使用,附修改版插件地址:

https://github.com/Supermap/echartsLayer

源碼中的lib文件夾,是插件的源碼,以echarts擴展組件的形式進行編寫,根據Mapbox GL的縮放級別,通過坐標系的變換,實時更新echarts中的數據位置,從而達到同步顯示的效果。
dist是打包好的類庫壓縮包,使用的時候,頁面上要同時引用Mapbox GL的類庫和echarts的類庫。
demo頁中有幾個樣例,簡單截圖下效果:有興趣的clone源碼進行查看。

 轉自:https://www.bianchengquan.com/article/571516.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM