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