@naivemap/maplibre-gl-echarts-layer 0.0.1-alpha.0 → 0.1.0

package/README.md

@@ -0,0 +1,11 @@
+# @naivemap/maplibre-gl-echarts-layer
+
+EChartsLayer ([@naivemap/maplibre-gl-echarts-layer](https://www.npmjs.com/package/@naivemap/maplibre-gl-echarts-layer)): Integrates Apache ECharts with MapLibre GL JS, specifically enabling the use of **Lines graphs** and **Scatter (bubble)** charts as a map layer. This allows for visualizing connections, paths, and point-based data with the rich styling capabilities of ECharts.
+
+[API References](https://www.naivemap.com/maplibre-gl-layers/api/echarts-layer/)
+
+## Install
+
+```bash
+pnpm add @naivemap/maplibre-gl-echarts-layer echarts
+```

package/dist/EChartsLayer.d.ts

@@ -0,0 +1,101 @@
+import { ComposeOption, EffectScatterSeriesOption, LegendComponentOption, LinesSeriesOption, ScatterSeriesOption, TitleComponentOption, TooltipComponentOption } from 'echarts';
+import { default as maplibregl } from 'maplibre-gl';
+/**
+ * A composite type for ECharts options used by the EChartsLayer.
+ * It includes common components and series types like Lines and Scatter.
+ */
+export type ECOption = ComposeOption<TitleComponentOption | TooltipComponentOption | LegendComponentOption | LinesSeriesOption | ScatterSeriesOption | EffectScatterSeriesOption>;
+/**
+ * A custom MapLibre GL JS layer that renders Apache ECharts visualizations.
+ *
+ * @remarks
+ * This layer integrates ECharts by creating a dedicated canvas over the map,
+ * allowing for rich data visualizations using ECharts' powerful charting capabilities.
+ * It is optimized for `lines` and `scatter` series types to visualize flows,
+ * trajectories, and point distributions.
+ *
+ * The layer automatically synchronizes the ECharts view with the map's panning and zooming.
+ *
+ * @example
+ * ```ts
+ * import EChartsLayer from '@naivemap/maplibre-gl-echarts-layer';
+ *
+ * // 1. Define a standard ECharts option object.
+ * const option = {
+ *   series: [{
+ *     type: 'scatter',
+ *     name: 'Cities',
+ *     data: [
+ *       // Data format: [longitude, latitude]
+ *       [-74.0060, 40.7128],
+ *       [-0.1278, 51.5074],
+ *       [139.6917, 35.6895]
+ *     ],
+ *     symbolSize: 10,
+ *   }]
+ * };
+ *
+ * // 2. Create the layer instance
+ * const layer = new EChartsLayer('echarts-layer', option);
+ *
+ * // 3. Add the layer to the map
+ * map.addLayer(layer);
+ * ```
+ */
+export default class EChartsLayer implements maplibregl.CustomLayerInterface {
+    id: string;
+    /**
+     * @ignore
+     */
+    type: 'custom';
+    /**
+     * @ignore
+     */
+    renderingMode?: '2d' | '3d' | undefined;
+    private _container;
+    private _map;
+    private _ec;
+    private _coordSystemName;
+    private _ecOption;
+    /**
+     * @param id - A unique layer id
+     * @param ecOption - The ECharts option object used to configure the visualization.
+     * @see https://echarts.apache.org/en/option.html
+     */
+    constructor(id: string, ecOption: ECOption);
+    /**
+     * @ignore
+     */
+    onAdd(map: maplibregl.Map): void;
+    /**
+     * @ignore
+     */
+    onRemove(): void;
+    /**
+     * Updates the ECharts visualization with a new configuration.
+     * This is the primary method for dynamically changing the displayed data or styles.
+     *
+     * @param option - The new ECharts option object to apply.
+     * @param notMerge - If true, the new options will completely replace the existing ones.
+     *                   If false or undefined, the new options will be merged with the old ones.
+     *                   Defaults to `false`.
+     * @see https://echarts.apache.org/en/api.html#echartsInstance.setOption
+     */
+    setOption(option: ECOption, notMerge?: boolean): void;
+    /**
+     * @ignore
+     */
+    render(): void;
+    /**
+     * @ignore
+     */
+    private _prepareECharts;
+    /**
+     * @ignore
+     */
+    private _createLayerContainer;
+    /**
+     * @ignore
+     */
+    private _removeLayerContainer;
+}

package/dist/index.d.ts

@@ -1,61 +1,3 @@
-import { ComposeOption, EffectScatterSeriesOption, LegendComponentOption, LinesSeriesOption, ScatterSeriesOption, TitleComponentOption, TooltipComponentOption } from 'echarts';
-import { default as maplibregl } from 'maplibre-gl';
-/**
- * EChartsLayer 配置项
- */
-export type ECOption = ComposeOption<TitleComponentOption | TooltipComponentOption | LegendComponentOption | LinesSeriesOption | ScatterSeriesOption | EffectScatterSeriesOption>;
-/**
- * EChartsLayer is a custom layer for MapLibre GL that integrates ECharts.
- */
-export default class EChartsLayer implements maplibregl.CustomLayerInterface {
-    id: string;
-    /**
-     * 图层类型
-     * @ignore
-     */
-    type: 'custom';
-    /**
-     * @ignore
-     */
-    renderingMode?: '2d' | '3d' | undefined;
-    private _container;
-    private _map;
-    private _ec;
-    private _coordSystemName;
-    private _ecOption;
-    /**
-     * 构造函数，用于初始化 EChartsLayer 实例
-     * @param id - 图层 id
-     * @param ecOption - ECharts 的配置选项
-     */
-    constructor(id: string, ecOption: ECOption);
-    /**
-     * @ignore
-     */
-    onAdd(map: maplibregl.Map): void;
-    /**
-     * @ignore
-     */
-    onRemove(): void;
-    /**
-     * 设置配置项
-     * @param option
-     */
-    setOption(option: ECOption): void;
-    /**
-     * @ignore
-     */
-    render(): void;
-    /**
-     * @ignore
-     */
-    private _prepareECharts;
-    /**
-     * @ignore
-     */
-    private _createLayerContainer;
-    /**
-     * @ignore
-     */
-    private _removeLayerContainer;
-}
+import { default as EChartsLayer } from './EChartsLayer';
+export type { ECOption } from './EChartsLayer';
+export default EChartsLayer;

package/dist/index.js

@@ -1,153 +1,158 @@
 import { getCoordinateSystemDimensions as p, registerCoordinateSystem as m, init as l } from "echarts";
-const c = r;
-function r(a, t) {
+function r(i, t) {
   const x = o();
-  return r = function(e, n) {
-    return e = e - 241, x[e];
-  }, r(a, t);
+  return r = function(e, _) {
+    return e = e - 224, x[e];
+  }, r(i, t);
+}
+function o() {
+  const i = ["render", "project", "2|1|0|3|4", "isMoving", "width", "_coordSystemName", "length", "AahOj", "_prepareECharts", "apply", "split", "(((.+)+)+)+$", "_container", "lat", "series", "pointToData", "291772lPDZXS", "GOsgX", "_mapOffset", "getCanvasContainer", "unproject", "qhkgu", "689079IRHymf", "resize", "get", "dIzPr", "_createLayerContainer", "height", "_ec", "_ecOption", "constructor", "sYjhy", "create", "temDW", "dispose", "lng", "19488352RZTPFo", "renderingMode", "toString", "7700120jwSfap", "removeChild", "style", "getCanvas", "AObut", "dimensions", "380055ZZhKbX", "jagNs", "JQxpV", "kbosd", "1806070sfIyDw", "search", "dataToPoint", "coordinateSystem", "onRemove", "div", "substring", "onAdd", "knxrt", "9846420jFGSOz", "setOption", "LfjDd", "parentNode", "type", "2FsNvYb", "_removeLayerContainer", "RYmSC", "_map", "random"];
+  return o = function() {
+    return i;
+  }, o();
 }
-(function(a, t) {
-  const x = { _0x23e5d9: 290, _0x3f1620: 293, _0x216574: 254, _0x4f9397: 266, _0x322c37: 271 }, e = r, n = a();
+const c = r;
+(function(i, t) {
+  const x = { _0x4ce361: 253, _0x3dedf7: 247, _0x5eb008: 270, _0x37281f: 280 }, e = r, _ = i();
   for (; ; )
     try {
-      if (-parseInt(e(265)) / 1 + parseInt(e(x._0x23e5d9)) / 2 + parseInt(e(275)) / 3 * (-parseInt(e(282)) / 4) + parseInt(e(246)) / 5 + parseInt(e(x._0x3f1620)) / 6 + parseInt(e(x._0x216574)) / 7 * (parseInt(e(x._0x4f9397)) / 8) + parseInt(e(x._0x322c37)) / 9 * (parseInt(e(278)) / 10) === t) break;
-      n.push(n.shift());
+      if (-parseInt(e(276)) / 1 + parseInt(e(226)) / 2 * (parseInt(e(x._0x4ce361)) / 3) + parseInt(e(x._0x3dedf7)) / 4 + parseInt(e(x._0x5eb008)) / 5 + parseInt(e(289)) / 6 + parseInt(e(x._0x37281f)) / 7 + -parseInt(e(267)) / 8 === t) break;
+      _.push(_.shift());
     } catch {
-      n.push(n.shift());
+      _.push(_.shift());
     }
-})(o, 141456);
+})(o, 925641);
 const u = /* @__PURE__ */ function() {
-  let a = !0;
+  let i = !0;
   return function(t, x) {
-    const e = a ? function() {
+    const e = i ? function() {
+      const _ = r;
       if (x) {
-        const n = x.apply(t, arguments);
+        const n = x[_(240)](t, arguments);
         return x = null, n;
       }
     } : function() {
     };
-    return a = !1, e;
+    return i = !1, e;
   };
 }(), h = u(void 0, function() {
-  const a = { _0x2f699e: 294, _0xf5535b: 281 }, t = r, x = { Crzqp: t(242) };
-  return h[t(294)]().search(x[t(280)])[t(a._0x2f699e)]()[t(a._0xf5535b)](h).search(x[t(280)]);
+  const i = { _0x29537a: 269, _0x58c935: 278, _0x1c7685: 261, _0xe28cc7: 281 }, t = r, x = { JQxpV: t(242) };
+  return h[t(i._0x29537a)]().search(x[t(i._0x58c935)])[t(i._0x29537a)]()[t(i._0x1c7685)](h)[t(i._0xe28cc7)](x.JQxpV);
 });
-function o() {
-  const a = ["onAdd", "1|0|2|4|3", "270006AooCIv", "toString", "_prepareECharts", "kNQZd", "resize", "_mapOffset", "setOption", "(((.+)+)+)+$", "renderingMode", "create", "eachSeries", "494140zRsDub", "unproject", "lng", "coordinateSystem", "getCanvas", "Hikti", "_map", "hlTTY", "21yCLBFm", "removeChild", "Uagfb", "BmDKL", "style", "split", "_ecOption", "div", "custom", "height", "_removeLayerContainer", "187012MTkkdf", "182128XyDEma", "length", "_container", "_createLayerContainer", "width", "54DSmZWC", "get", "fNkHe", "getCanvasContainer", "3sdMMDH", "render", "_ec", "237310VduYSB", "DGeVJ", "Crzqp", "constructor", "874024kAIvQJ", "type", "Pdajs", "clear", "pYMfU", "yBoJj", "_coordSystemName", "UyIOi", "384922mxbSqV"];
-  return o = function() {
-    return a;
-  }, o();
-}
 h();
-const y = "maplibregl-echarts";
-class d {
+const g = "maplibregl-echarts";
+class b {
   id;
-  dimensions = ["x", "y"];
-  [c(252)];
+  [c(275)] = ["x", "y"];
+  [c(229)];
   _mapOffset = [0, 0];
   constructor(t, x) {
-    this.id = t, this._map = x;
+    const e = c;
+    this.id = t, this[e(229)] = x;
   }
-  [c(244)](t) {
-    const x = { _0xd7c942: 245 }, e = { _0x2e9752: 284, _0x29f7e6: 272 }, n = c, _ = { Pdajs: function(s, i) {
-      return s === i;
-    }, Hikti: n(249) };
-    t[n(x._0xd7c942)]((s) => {
-      const i = n;
-      _[i(e._0x2e9752)](s[i(e._0x29f7e6)](_[i(251)]), this.id) && (s[i(249)] = new d(this.id, this._map));
+  [c(263)](t) {
+    const x = { _0x2bc2ed: 288 }, e = c, _ = { knxrt: function(n, s) {
+      return n === s;
+    }, YzlBK: e(283) };
+    t.eachSeries((n) => {
+      const s = e;
+      _[s(x._0x2bc2ed)](n[s(255)](_.YzlBK), this.id) && (n[s(283)] = new b(this.id, this[s(229)]));
     });
   }
-  dataToPoint(t) {
-    const x = { _0xcf3b8a: 289 }, e = c, n = { UyIOi: function(i, f) {
-      return i - f;
-    } }, _ = this[e(252)].project(t), s = this._mapOffset;
-    return [n[e(x._0xcf3b8a)](_.x, s[0]), n.UyIOi(_.y, s[1])];
+  [c(282)](t) {
+    const x = { _0x5d94b4: 229, _0x21d0d5: 249, _0x4b510c: 238 }, e = c, _ = { AahOj: function(a, f) {
+      return a - f;
+    } }, n = this[e(x._0x5d94b4)][e(232)](t), s = this[e(x._0x21d0d5)];
+    return [_[e(x._0x4b510c)](n.x, s[0]), _.AahOj(n.y, s[1])];
   }
-  pointToData(t) {
-    const x = { _0x35cabb: 273 }, e = c, n = { fNkHe: function(i, f) {
-      return i + f;
-    } }, _ = this[e(298)], s = this[e(252)][e(247)]([n[e(273)](t[0], _[0]), n[e(x._0x35cabb)](t[1], _[1])]);
-    return [s[e(248)], s.lat];
+  [c(246)](t) {
+    const x = c, e = { yAZXc: function(s, a) {
+      return s + a;
+    }, aHVXM: function(s, a) {
+      return s + a;
+    } }, _ = this._mapOffset, n = this[x(229)][x(251)]([e.yAZXc(t[0], _[0]), e.aHVXM(t[1], _[1])]);
+    return [n[x(266)], n[x(244)]];
   }
 }
-class C {
+class O {
   id;
-  [c(283)];
-  renderingMode;
+  [c(225)];
   [c(268)];
-  [c(252)];
-  _ec;
-  _coordSystemName;
-  [c(260)];
+  _container;
+  [c(229)];
+  [c(259)];
+  [c(236)];
+  _ecOption;
   constructor(t, x) {
-    const e = { _0x290523: 262, _0x3a5717: 259, _0x3123dd: 283, _0x17418b: 257, _0x207349: 279 }, n = c, _ = { yBoJj: n(292), BmDKL: n(e._0x290523), DGeVJ: function(f, b) {
-      return f + b;
-    } }, s = _[n(287)][n(e._0x3a5717)]("|");
-    let i = 0;
+    const e = { _0x11b415: 256, _0x35bebc: 241, _0x2beb0a: 268, _0x46fbcd: 264 }, _ = c, n = { dIzPr: _(233), svGWO: "custom", temDW: function(f, d) {
+      return f + d;
+    }, AObut: function(f, d) {
+      return f + d;
+    } }, s = n[_(e._0x11b415)][_(e._0x35bebc)]("|");
+    let a = 0;
     for (; ; ) {
-      switch (s[i++]) {
+      switch (s[a++]) {
         case "0":
-          this[n(e._0x3123dd)] = _[n(e._0x17418b)];
+          this[_(e._0x2beb0a)] = "2d";
           continue;
         case "1":
-          this.id = t;
+          this[_(225)] = n.svGWO;
           continue;
         case "2":
-          this[n(243)] = "2d";
+          this.id = t;
           continue;
         case "3":
-          this[n(260)] = x;
+          this._coordSystemName = n[_(e._0x46fbcd)](n[_(274)](g, "-"), Math[_(230)]()[_(269)](16)[_(286)](2));
           continue;
         case "4":
-          this[n(288)] = _[n(279)](_[n(e._0x207349)](y, "-"), Math.random().toString(16).substring(2));
+          this._ecOption = x;
           continue;
       }
       break;
     }
   }
-  [c(291)](t) {
-    const x = { _0x2de920: 252 }, e = c, n = { nsABt: function(_, s) {
-      return _(s);
-    }, pYMfU: function(_, s, i) {
-      return _(s, i);
+  [c(287)](t) {
+    const x = { _0x494f35: 229, _0x2a74fd: 236, _0x4c38c2: 236 }, e = c, _ = { LfjDd: function(n, s) {
+      return n(s);
+    }, GOsgX: function(n, s, a) {
+      return n(s, a);
     } };
-    if (this[e(252)] = t, this._createLayerContainer(), !n.nsABt(p, this[e(288)])) {
-      const _ = new d(this[e(288)], this[e(x._0x2de920)]);
-      n[e(286)](m, this._coordSystemName, _);
+    if (this[e(x._0x494f35)] = t, this[e(257)](), !_[e(291)](p, this[e(x._0x2a74fd)])) {
+      const n = new b(this[e(x._0x2a74fd)], this[e(x._0x494f35)]);
+      _[e(248)](m, this[e(x._0x4c38c2)], n);
     }
   }
-  onRemove() {
-    const t = { _0x42472a: 264 }, x = c;
-    this._ec?.dispose(), this[x(t._0x42472a)]();
+  [c(284)]() {
+    const t = { _0x2df32d: 265 }, x = c;
+    this._ec?.[x(t._0x2df32d)](), this[x(227)]();
   }
-  [c(241)](t) {
-    const x = { _0x5b08bb: 241 }, e = c;
-    this[e(277)]?.[e(x._0x5b08bb)](t);
+  setOption(t, x) {
+    this._ec?.setOption(t, x);
   }
-  [c(276)]() {
-    const t = { _0x444ec5: 269, _0x2d3cbf: 268, _0x2f0be4: 295, _0x584136: 285, _0x5ea923: 297, _0x3af77b: 250, _0x2b8464: 277, _0x21238a: 241, _0x3bc6b6: 260 }, x = c, e = { hlTTY: function(n, _) {
-      return n(_);
+  [c(231)]() {
+    const t = { _0x412dab: 257, _0x36df60: 259, _0x3a2f40: 252, _0x584cfe: 259, _0x3503e0: 229, _0x4f3fb8: 234, _0x53c7f3: 259, _0x1963b2: 259, _0x4bf6fb: 254, _0x340c63: 229, _0x27a5ef: 235, _0x345038: 273, _0x289605: 259 }, x = c, e = { qhkgu: function(_, n) {
+      return _(n);
     } };
-    !this[x(268)] && this[x(t._0x444ec5)](), this[x(277)] ? this._map.isMoving() ? this[x(277)][x(t._0x584136)]() : (this[x(277)][x(t._0x5ea923)]({ width: this[x(252)][x(250)]().width, height: this[x(252)][x(t._0x3af77b)]()[x(263)] }), this[x(t._0x2b8464)][x(t._0x21238a)](this[x(t._0x3bc6b6)])) : (this[x(277)] = e[x(253)](l, this[x(t._0x2d3cbf)]), this[x(t._0x2f0be4)](), this[x(277)].setOption(this._ecOption));
+    !this._container && this[x(t._0x412dab)](), this[x(t._0x36df60)] ? this[x(t._0x3503e0)][x(t._0x4f3fb8)]() ? this[x(t._0x53c7f3)].clear() : (this[x(t._0x1963b2)][x(t._0x4bf6fb)]({ width: this[x(t._0x340c63)][x(273)]()[x(t._0x27a5ef)], height: this[x(229)][x(t._0x345038)]().height }), this[x(t._0x289605)].setOption(this[x(260)])) : (this[x(259)] = e[x(t._0x3a2f40)](l, this._container), this._prepareECharts(), this[x(t._0x584cfe)][x(290)](this[x(260)]));
   }
-  [c(295)]() {
-    const t = { _0x5936fe: 256 }, x = c, e = { gDpnW: function(_, s) {
-      return _ - s;
-    }, kNQZd: function(_, s) {
-      return _ >= s;
-    }, Uagfb: "coordinateSystem" }, n = this._ecOption.series;
-    if (n) for (let _ = e.gDpnW(n[x(267)], 1); e[x(296)](_, 0); _--)
-      n[_][e[x(t._0x5936fe)]] = this[x(288)];
+  [c(239)]() {
+    const t = { _0x515dcc: 277, _0x49035a: 262, _0x3df600: 236 }, x = c, e = { jagNs: function(n, s) {
+      return n - s;
+    }, kbosd: function(n, s) {
+      return n >= s;
+    }, sYjhy: "coordinateSystem" }, _ = this[x(260)][x(245)];
+    if (_) for (let n = e[x(t._0x515dcc)](_[x(237)], 1); e[x(279)](n, 0); n--)
+      _[n][e[x(t._0x49035a)]] = this[x(t._0x3df600)];
   }
-  [c(269)]() {
-    const t = { _0xb7153e: 261, _0x22d553: 268, _0x401d55: 270, _0x5b4acf: 258, _0x3c92b2: 252, _0x43dc6e: 263 }, x = c, e = { RevXs: x(t._0xb7153e) }, n = this._map[x(274)]();
-    this[x(268)] = document.createElement(e.RevXs), this[x(t._0x22d553)][x(258)][x(t._0x401d55)] = this._map[x(250)]()[x(258)][x(t._0x401d55)], this[x(268)][x(t._0x5b4acf)][x(263)] = this[x(t._0x3c92b2)][x(250)]().style[x(t._0x43dc6e)], n.appendChild(this[x(t._0x22d553)]);
+  [c(257)]() {
+    const t = { _0x591bf8: 229, _0x281234: 243, _0x2e77a2: 235, _0xda316: 273, _0x3a53b0: 272, _0x384d1e: 229, _0x3becc9: 258 }, x = c, e = { RYmSC: x(285) }, _ = this[x(t._0x591bf8)][x(250)]();
+    this[x(243)] = document.createElement(e[x(228)]), this[x(t._0x281234)][x(272)][x(t._0x2e77a2)] = this[x(229)][x(t._0xda316)]()[x(t._0x3a53b0)].width, this[x(243)].style[x(258)] = this[x(t._0x384d1e)].getCanvas()[x(272)][x(t._0x3becc9)], _.appendChild(this[x(243)]);
   }
   _removeLayerContainer() {
-    const t = { _0x48a86d: 268, _0x2a5eb3: 255 }, x = c;
-    this[x(268)] && this[x(t._0x48a86d)].parentNode?.[x(t._0x2a5eb3)](this._container);
+    const t = { _0x17c978: 224, _0x144b9b: 271 }, x = c;
+    this._container && this[x(243)][x(t._0x17c978)]?.[x(t._0x144b9b)](this._container);
   }
 }
 export {
-  C as default
+  O as default
 };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(i,s){typeof exports=="object"&&typeof module<"u"?module.exports=s(require("echarts")):typeof define=="function"&&define.amd?define(["echarts"],s):(i=typeof globalThis<"u"?globalThis:i||self,i.EChartsLayer=s(i.echarts))})(this,function(i){"use strict";const s="maplibregl-echarts";class o{id;dimensions=["x","y"];_map;_mapOffset=[0,0];constructor(t,e){this.id=t,this._map=e}create(t){t.eachSeries(e=>{e.get("coordinateSystem")===this.id&&(e.coordinateSystem=new o(this.id,this._map))})}dataToPoint(t){const e=this._map.project(t),n=this._mapOffset;return[e.x-n[0],e.y-n[1]]}pointToData(t){const e=this._mapOffset,n=this._map.unproject([t[0]+e[0],t[1]+e[1]]);return[n.lng,n.lat]}}class a{id;type;renderingMode;_container;_map;_ec;_coordSystemName;_ecOption;constructor(t,e){this.id=t,this.type="custom",this.renderingMode="2d",this._coordSystemName=s+"-"+Math.random().toString(16).substring(2),this._ecOption=e}onAdd(t){if(this._map=t,this._createLayerContainer(),!i.getCoordinateSystemDimensions(this._coordSystemName)){const e=new o(this._coordSystemName,this._map);i.registerCoordinateSystem(this._coordSystemName,e)}}onRemove(){this._ec?.dispose(),this._removeLayerContainer()}setOption(t){this._ec?.setOption(t)}render(){this._container||this._createLayerContainer(),this._ec?this._map.isMoving()?this._ec.clear():(this._ec.resize({width:this._map.getCanvas().width,height:this._map.getCanvas().height}),this._ec.setOption(this._ecOption)):(this._ec=i.init(this._container),this._prepareECharts(),this._ec.setOption(this._ecOption))}_prepareECharts(){const t=this._ecOption.series;if(t)for(let e=t.length-1;e>=0;e--)t[e].coordinateSystem=this._coordSystemName}_createLayerContainer(){const t=this._map.getCanvasContainer();this._container=document.createElement("div"),this._container.style.width=this._map.getCanvas().style.width,this._container.style.height=this._map.getCanvas().style.height,t.appendChild(this._container)}_removeLayerContainer(){this._container&&this._container.parentNode?.removeChild(this._container)}}return a});
+(function(i,s){typeof exports=="object"&&typeof module<"u"?module.exports=s(require("echarts")):typeof define=="function"&&define.amd?define(["echarts"],s):(i=typeof globalThis<"u"?globalThis:i||self,i.EChartsLayer=s(i.echarts))})(this,function(i){"use strict";const s="maplibregl-echarts";class o{id;dimensions=["x","y"];_map;_mapOffset=[0,0];constructor(t,e){this.id=t,this._map=e}create(t){t.eachSeries(e=>{e.get("coordinateSystem")===this.id&&(e.coordinateSystem=new o(this.id,this._map))})}dataToPoint(t){const e=this._map.project(t),n=this._mapOffset;return[e.x-n[0],e.y-n[1]]}pointToData(t){const e=this._mapOffset,n=this._map.unproject([t[0]+e[0],t[1]+e[1]]);return[n.lng,n.lat]}}class a{id;type;renderingMode;_container;_map;_ec;_coordSystemName;_ecOption;constructor(t,e){this.id=t,this.type="custom",this.renderingMode="2d",this._coordSystemName=s+"-"+Math.random().toString(16).substring(2),this._ecOption=e}onAdd(t){if(this._map=t,this._createLayerContainer(),!i.getCoordinateSystemDimensions(this._coordSystemName)){const e=new o(this._coordSystemName,this._map);i.registerCoordinateSystem(this._coordSystemName,e)}}onRemove(){this._ec?.dispose(),this._removeLayerContainer()}setOption(t,e){this._ec?.setOption(t,e)}render(){this._container||this._createLayerContainer(),this._ec?this._map.isMoving()?this._ec.clear():(this._ec.resize({width:this._map.getCanvas().width,height:this._map.getCanvas().height}),this._ec.setOption(this._ecOption)):(this._ec=i.init(this._container),this._prepareECharts(),this._ec.setOption(this._ecOption))}_prepareECharts(){const t=this._ecOption.series;if(t)for(let e=t.length-1;e>=0;e--)t[e].coordinateSystem=this._coordSystemName}_createLayerContainer(){const t=this._map.getCanvasContainer();this._container=document.createElement("div"),this._container.style.width=this._map.getCanvas().style.width,this._container.style.height=this._map.getCanvas().style.height,t.appendChild(this._container)}_removeLayerContainer(){this._container&&this._container.parentNode?.removeChild(this._container)}}return a});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@naivemap/maplibre-gl-echarts-layer",
-  "version": "0.0.1-alpha.0",
-  "description": "Integrate the Lines graph and Scatter (bubble) chart of Apache ECharts",
+  "version": "0.1.0",
+  "description": "A MapLibre GL JS layer to integrate Apache ECharts' Lines and Scatter charts.",
   "main": "./dist/index.umd.cjs",
   "module": "./dist/index.js",
   "type": "module",
@@ -37,6 +37,6 @@
   },
   "scripts": {
     "build": "vite build",
-    "docs:build": "pnpm typedoc"
+    "typedocs": "pnpm typedoc"
   }
 }