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