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

原文地址:https://www.cnblogs.com/javalinux/p/15684372.html