修复mapv图层和ECharts图层移除事件问题

Author: shanligang

src/leaflet/overlay/EChartsLayer.js

@@ -146,6 +146,14 @@ export var EchartsLayer = L.Layer.extend({
         this._ec.setOption(this._echartsOptions);
     },
 
+    onRemove: function (map) {
+        for (var i in this._layers) {
+          map.removeLayer(this._layers[i]);
+        }
+        // 销毁echarts实例
+        this._ec.dispose();
+    },
+
     _initEchartsContainer: function () {
         var size = this._map.getSize();
         var _div = document.createElement('div');

src/leaflet/overlay/MapVLayer.js

@@ -67,11 +67,11 @@ export var MapVLayer = L.Layer.extend({
      */
     onRemove: function (map) {
         L.DomUtil.remove(this.container);
-        map.off({
-            moveend: this.draw,
-            zoomstart: this._hide,
-            zoomend: this._show
-        }, this);
+        // map.off({
+        //     moveend: this.draw,
+        //     zoomstart: this._hide,
+        //     zoomend: this._show
+        // }, this);
     },
 
     /**

src/leaflet/overlay/mapv/MapVRenderer.js

@@ -30,9 +30,12 @@ export default class MapVRenderer extends BaseLayer {
         this.canvasLayer = layer;
         this.clickEvent = this.clickEvent.bind(this);
         this.mousemoveEvent = this.mousemoveEvent.bind(this);
-        this.map.on('movestart', this.moveStartEvent.bind(this));
-        this.map.on('moveend', this.moveEndEvent.bind(this));
-        this.map.on('zoomstart', this.zoomStartEvent.bind(this));
+        this._moveStartEvent = this.moveStartEvent.bind(this);
+        this._moveEndEvent = this.moveEndEvent.bind(this);
+        this._zoomstart = this.zoomStartEvent.bind(this);
+        this.map.on('movestart', this._moveStartEvent);
+        this.map.on('moveend', this._moveEndEvent);
+        this.map.on('zoomstart', this._zoomstart);
         this.bindEvent();
     }
 
@@ -72,6 +75,9 @@ export default class MapVRenderer extends BaseLayer {
                 map.on('mousemove', this.mousemoveEvent);
             }
         }
+        this.map.off('movestart', this._moveStartEvent);
+        this.map.off('moveend', this._moveEndEvent);
+        this.map.off('zoomstart', this._zoomStartEvent);
     }
 
     /**