基于 mapbox-gl-js 的扩展的 EChartsLayer 图层插件,可直接在 Mapbox GL JS 中使用 Apache ECharts 的 scatter、effectScatter 和 lines

• 本程序在原作者原创的包 @naivemap/mapbox-gl-echarts-layer的基础上做了少量修改。 更多可参考 原作者 @huanlii Mapbox GL JS Cookbook 的 blog。

安装

npm install @jindin/mapbox-gl-echarts-layer echarts

使用

import { EChartsLayer, ECOption } from "@jindin/mapbox-gl-echarts-layer";

 map = new mapboxgl.Map({
     ...
  });
 map.on("load", () => {
    addEchartsLayer();
  });

const addEchartsLayer = () => {
    // echarts option 配置
  const option: ECOption = {
   ...
  };

  const layer = new EChartsLayer("lines-layer", option);
  map.addLayer(layer);
};