Home

Awesome

mapboxGL echartslayer

Add echarts charts to mapboxGL as a layer

In order to use this plugin, include the echartsjs andEchartsLayer.js on your page and use it as follow:

demo

全球航线

全国空气质量

模拟迁徙

微博签到

import

    <script type="text/javascript" src="./echarts-all-3.js"></script>
    <script type="text/javascript" src="../dist/EchartsLayer.js"></script>

with webpack

npm install echartslayer
require('echarts');
var EchartLayer=require('echartslayer');

var echartslayer = new EchartsLayer(map);
echartslayer.chart.setOption(option);
//移除 
echartslayer.remove();

Usage

set the charts attribute coordinateSystem:"GLMap"

option = { 
  GLMap: { //Must

  },
  series: [{
    coordinateSystem: 'GLMap',
  }]
}