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

  • 相关阅读:
    [PY3]——logging
    [PY3]——对iterator的处理(解析式、map、reduce、filter)
    php基础语法(文件加载和错误)
    php基础语法(控制语句、数组、函数)
    php基础语法(数据类型、运算符)
    php基础语法(变量)
    java基础语法
    ztree 获取根节点
    每天一个linux命令
    浅谈Web自适应
  • 原文地址:https://www.cnblogs.com/javalinux/p/15684372.html
Copyright © 2011-2022 走看看