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

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Naive Map
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -0,0 +1,61 @@
+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;
+}

package/dist/index.js

@@ -0,0 +1,153 @@
+import { getCoordinateSystemDimensions as p, registerCoordinateSystem as m, init as l } from "echarts";
+const c = r;
+function r(a, t) {
+  const x = o();
+  return r = function(e, n) {
+    return e = e - 241, x[e];
+  }, r(a, t);
+}
+(function(a, t) {
+  const x = { _0x23e5d9: 290, _0x3f1620: 293, _0x216574: 254, _0x4f9397: 266, _0x322c37: 271 }, e = r, n = a();
+  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());
+    } catch {
+      n.push(n.shift());
+    }
+})(o, 141456);
+const u = /* @__PURE__ */ function() {
+  let a = !0;
+  return function(t, x) {
+    const e = a ? function() {
+      if (x) {
+        const n = x.apply(t, arguments);
+        return x = null, n;
+      }
+    } : function() {
+    };
+    return a = !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)]);
+});
+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 {
+  id;
+  dimensions = ["x", "y"];
+  [c(252)];
+  _mapOffset = [0, 0];
+  constructor(t, x) {
+    this.id = t, this._map = 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));
+    });
+  }
+  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])];
+  }
+  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];
+  }
+}
+class C {
+  id;
+  [c(283)];
+  renderingMode;
+  [c(268)];
+  [c(252)];
+  _ec;
+  _coordSystemName;
+  [c(260)];
+  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;
+    for (; ; ) {
+      switch (s[i++]) {
+        case "0":
+          this[n(e._0x3123dd)] = _[n(e._0x17418b)];
+          continue;
+        case "1":
+          this.id = t;
+          continue;
+        case "2":
+          this[n(243)] = "2d";
+          continue;
+        case "3":
+          this[n(260)] = x;
+          continue;
+        case "4":
+          this[n(288)] = _[n(279)](_[n(e._0x207349)](y, "-"), Math.random().toString(16).substring(2));
+          continue;
+      }
+      break;
+    }
+  }
+  [c(291)](t) {
+    const x = { _0x2de920: 252 }, e = c, n = { nsABt: function(_, s) {
+      return _(s);
+    }, pYMfU: function(_, s, i) {
+      return _(s, i);
+    } };
+    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, _);
+    }
+  }
+  onRemove() {
+    const t = { _0x42472a: 264 }, x = c;
+    this._ec?.dispose(), this[x(t._0x42472a)]();
+  }
+  [c(241)](t) {
+    const x = { _0x5b08bb: 241 }, e = c;
+    this[e(277)]?.[e(x._0x5b08bb)](t);
+  }
+  [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(_);
+    } };
+    !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));
+  }
+  [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(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)]);
+  }
+  _removeLayerContainer() {
+    const t = { _0x48a86d: 268, _0x2a5eb3: 255 }, x = c;
+    this[x(268)] && this[x(t._0x48a86d)].parentNode?.[x(t._0x2a5eb3)](this._container);
+  }
+}
+export {
+  C as default
+};

package/dist/index.umd.cjs

@@ -0,0 +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});

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@naivemap/maplibre-gl-echarts-layer",
+  "version": "0.0.1-alpha.0",
+  "description": "Integrate the Lines graph and Scatter (bubble) chart of Apache ECharts",
+  "main": "./dist/index.umd.cjs",
+  "module": "./dist/index.js",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.umd.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "maplibre",
+    "echarts",
+    "layer",
+    "custom"
+  ],
+  "author": "naivemap",
+  "license": "MIT",
+  "types": "./dist/index.d.ts",
+  "repository": "https://github.com/naivemap/maplibre-gl-layers",
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "echarts": "^5.0.0",
+    "maplibre-gl": "^4.0.0 || ^5.0.0"
+  },
+  "devDependencies": {
+    "echarts": "^5.6.0",
+    "maplibre-gl": "^5.6.1"
+  },
+  "scripts": {
+    "build": "vite build",
+    "docs:build": "pnpm typedoc"
+  }
+}