zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    轮播效果
    获取用户请求过来的URL
    前端框架——AmazeUI学习
    评论功能——多说插件学习
    SqlServer中——查找杀死阻塞进程
    Java 时区(转)
    大型网站技术演进的思考(转)
    elasticsearch threadpool
    UML 类图
    elasticsearch No node available
  • 原文地址:https://www.cnblogs.com/javalinux/p/15684372.html
Copyright © 2011-2022 走看看