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

ECharts 是一個使用 JavaScript 實現(xiàn)的開源可視化庫，涵蓋各行業(yè)圖表，百度公司開發(fā)的，同時其中也有一些地圖的效果。

Mapbox GL的echarts插件，在github上是以開源的形式發(fā)布，不過，年限相對來說是三年前的了，當時echarts還是版本3，現(xiàn)在echarts已經(jīng)更新到4版本了。?

地址是：

https://github.com/lzxue/echartsLayer

國內(nèi)的地圖大廠商在此基礎(chǔ)上進行了bug的修改，在廠商的官方網(wǎng)站上，也有for Mapbox GL的樣例，前端是基于Mapbox GL進行的修改，后臺他們開發(fā)的數(shù)據(jù)服務(wù)支持前端的調(diào)取使用，附修改版插件地址：

https://github.com/Supermap/echartsLayer

源碼中的lib文件夾，是插件的源碼，以echarts擴展組件的形式進行編寫，根據(jù)Mapbox GL的縮放級別，通過坐標系的變換，實時更新echarts中的數(shù)據(jù)位置，從而達到同步顯示的效果。

dist是打包好的類庫壓縮包，使用的時候，頁面上要同時引用Mapbox GL的類庫和echarts的類庫。

demo頁中有幾個樣例，簡單截圖下效果：有興趣的clone源碼進行查看。