@naivemap/mapbox-gl-echarts-layer 0.1.1 → 0.1.2

package/README.md

@@ -1,6 +1,6 @@
 # mapbox-gl-echarts-layer
 
-[demo](https://huanglii.github.io/mapbox-gl-js-cookbook/example/echarts-scatter.html)
+[全国主要城市空气质量 - 百度地图](https://huanglii.github.io/mapbox-gl-js-cookbook/example/echarts-scatter.html)
 
 ```bash
 npm i @naivemap/mapbox-gl-echarts-layer

package/dist/mapbox-gl-echarts-layer.es.js

@@ -38,6 +38,7 @@ class EchartsLayer {
     this._createLayerContainer();
   }
   onRemove() {
+    this._ec.dispose();
     this._removeLayerContainer();
   }
   setOption(option) {
@@ -52,9 +53,17 @@ class EchartsLayer {
     if (!this._ec) {
       this._ec = echarts.init(this._container);
       this._prepareECharts();
-      this._ec.setOption(this._ecOptions, false);
+      this._ec.setOption(this._ecOptions);
     } else {
-      this._ec.resize();
+      if (this._map.isMoving()) {
+        this._ec.clear();
+      } else {
+        this._ec.resize({
+          width: this._map.getCanvas().width,
+          height: this._map.getCanvas().height
+        });
+        this._ec.setOption(this._ecOptions);
+      }
     }
   }
   _prepareECharts() {

package/dist/mapbox-gl-echarts-layer.umd.js

@@ -1 +1 @@
-(function(n,r){typeof exports=="object"&&typeof module!="undefined"?module.exports=r(require("echarts")):typeof define=="function"&&define.amd?define(["echarts"],r):(n=typeof globalThis!="undefined"?globalThis:n||self,n.EchartsLayer=r(n.echarts))})(this,function(n){"use strict";function r(i){if(i&&i.__esModule)return i;var e={__proto__:null,[Symbol.toStringTag]:"Module"};return i&&Object.keys(i).forEach(function(t){if(t!=="default"){var s=Object.getOwnPropertyDescriptor(i,t);Object.defineProperty(e,t,s.get?s:{enumerable:!0,get:function(){return i[t]}})}}),e.default=i,Object.freeze(e)}var o=r(n);const c="mapboxgl-echarts";class a{constructor(e){this.dimensions=["x","y"],this._mapOffset=[0,0],this.map=e}create(e){e.eachSeries(t=>{t.get("coordinateSystem")===c&&(t.coordinateSystem=new a(this.map))})}dataToPoint(e){const t=this.map.project(e),s=this._mapOffset;return[t.x-s[0],t.y-s[1]]}pointToData(e){const t=this._mapOffset,s=this.map.unproject([e[0]+t[0],e[1]+t[1]]);return[s.lng,s.lat]}}class h{constructor(e,t){this._registered=!1,this.id=e,this.type="custom",this.renderingMode="2d",this._coordSystemName=c,this._ecOptions=t}onAdd(e){this._map=e,this._createLayerContainer()}onRemove(){this._removeLayerContainer()}setOption(e){this._ec&&this._ec.setOption(e)}render(){this._container||this._createLayerContainer(),this._ec?this._ec.resize():(this._ec=o.init(this._container),this._prepareECharts(),this._ec.setOption(this._ecOptions,!1))}_prepareECharts(){if(!this._registered){const t=new a(this._map);o.registerCoordinateSystem(this._coordSystemName,t),this._registered=!0}const e=this._ecOptions.series;if(e)for(let t=e.length-1;t>=0;t--)e[t].coordinateSystem=this._coordSystemName}_createLayerContainer(){const e=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,e.appendChild(this._container)}_removeLayerContainer(){var e;this._container&&((e=this._container.parentNode)==null||e.removeChild(this._container))}}return h});
+(function(n,r){typeof exports=="object"&&typeof module!="undefined"?module.exports=r(require("echarts")):typeof define=="function"&&define.amd?define(["echarts"],r):(n=typeof globalThis!="undefined"?globalThis:n||self,n.EchartsLayer=r(n.echarts))})(this,function(n){"use strict";function r(i){if(i&&i.__esModule)return i;var e={__proto__:null,[Symbol.toStringTag]:"Module"};return i&&Object.keys(i).forEach(function(t){if(t!=="default"){var s=Object.getOwnPropertyDescriptor(i,t);Object.defineProperty(e,t,s.get?s:{enumerable:!0,get:function(){return i[t]}})}}),e.default=i,Object.freeze(e)}var o=r(n);const h="mapboxgl-echarts";class a{constructor(e){this.dimensions=["x","y"],this._mapOffset=[0,0],this.map=e}create(e){e.eachSeries(t=>{t.get("coordinateSystem")===h&&(t.coordinateSystem=new a(this.map))})}dataToPoint(e){const t=this.map.project(e),s=this._mapOffset;return[t.x-s[0],t.y-s[1]]}pointToData(e){const t=this._mapOffset,s=this.map.unproject([e[0]+t[0],e[1]+t[1]]);return[s.lng,s.lat]}}class c{constructor(e,t){this._registered=!1,this.id=e,this.type="custom",this.renderingMode="2d",this._coordSystemName=h,this._ecOptions=t}onAdd(e){this._map=e,this._createLayerContainer()}onRemove(){this._ec.dispose(),this._removeLayerContainer()}setOption(e){this._ec&&this._ec.setOption(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._ecOptions)):(this._ec=o.init(this._container),this._prepareECharts(),this._ec.setOption(this._ecOptions))}_prepareECharts(){if(!this._registered){const t=new a(this._map);o.registerCoordinateSystem(this._coordSystemName,t),this._registered=!0}const e=this._ecOptions.series;if(e)for(let t=e.length-1;t>=0;t--)e[t].coordinateSystem=this._coordSystemName}_createLayerContainer(){const e=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,e.appendChild(this._container)}_removeLayerContainer(){var e;this._container&&((e=this._container.parentNode)==null||e.removeChild(this._container))}}return c});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@naivemap/mapbox-gl-echarts-layer",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "mapbox-gl-echarts-layer",
   "files": [
     "dist"
@@ -23,7 +23,7 @@
   "repository": "https://github.com/naivemap/mapbox-gl-echarts-layer",
   "keywords": ["mapbox-gl", "echarts"],
   "license": "MIT",
-  "peerDependencies": {
+  "dependencies": {
     "echarts": "^5.3.0"
   },
   "devDependencies": {
@@ -31,7 +31,6 @@
     "@types/node": "^17.0.15",
     "@typescript-eslint/eslint-plugin": "^5.10.2",
     "@typescript-eslint/parser": "^5.10.2",
-    "echarts": "^5.3.0",
     "eslint": "^8.8.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-prettier": "^4.0.0",

package/dist/mapbox-gl-echarts-layer.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="mapbox-gl" />
-export default class EchartsLayer {
-    id: string;
-    type: string;
-    renderingMode: string;
-    private _container;
-    private _map;
-    private _ec;
-    private _coordSystemName;
-    private _registered;
-    private _ecOptions;
-    constructor(id: string, ecOptions: any);
-    onAdd(map: mapboxgl.Map): void;
-    onRemove(): void;
-    setOption(option: any): void;
-    render(): void;
-    private _prepareECharts;
-    private _createLayerContainer;
-    private _removeLayerContainer;
-}