@antv/l7-component 2.9.27-alpha.1 → 2.9.27-alpha.3

package/es/control/layer.js

@@ -148,11 +148,11 @@ var Layers = /*#__PURE__*/function (_Control) {
           baseLayers = _this$controlOption$b === void 0 ? {} : _this$controlOption$b,
           _this$controlOption$o = _this$controlOption.overlayers,
           overlayers = _this$controlOption$o === void 0 ? {} : _this$controlOption$o;
-      Object.keys(baseLayers).forEach(function (name, index) {
+      Object.keys(baseLayers).forEach(function (name) {
         // baseLayers[name].once('inited', this.update);
         _this4.addLayer(baseLayers[name], name, false);
       });
-      Object.keys(overlayers).forEach(function (name, index) {
+      Object.keys(overlayers).forEach(function (name) {
         // overlayers[name].once('inited', this.update);
         _this4.addLayer(overlayers[name], name, true);
       });

package/es/marker-layer.js

@@ -60,7 +60,8 @@ var MarkerLayer = /*#__PURE__*/function (_EventEmitter) {
           className: ''
         }
       };
-    }
+    } // 执行scene.addMarkerLayer时调用
+
   }, {
     key: "addTo",
     value: function addTo(scene) {
@@ -83,7 +84,8 @@ var MarkerLayer = /*#__PURE__*/function (_EventEmitter) {
 
       this.addMarkers();
       return this;
-    }
+    } // 设置容器大小
+
   }, {
     key: "setContainerSize",
     value: function setContainerSize() {
@@ -94,12 +96,14 @@ var MarkerLayer = /*#__PURE__*/function (_EventEmitter) {
         containerHeight: (container === null || container === void 0 ? void 0 : container.scrollHeight) || 0,
         bounds: this.mapsService.getBounds()
       };
-    }
+    } // 获取容器尺寸
+
   }, {
     key: "getContainerSize",
     value: function getContainerSize() {
       return this.containerSize;
-    }
+    } // 在图层添加单个marker
+
   }, {
     key: "addMarker",
     value: function addMarker(marker) {
@@ -158,13 +162,15 @@ var MarkerLayer = /*#__PURE__*/function (_EventEmitter) {
       this.clusterMarkers.map(function (m) {
         m.getElement().style.opacity = '1';
       });
-    }
+    } // 返回当下的markers数据，有聚合图时返回聚合的marker列表，否则返回原始maerker列表
+
   }, {
     key: "getMarkers",
     value: function getMarkers() {
       var cluster = this.markerLayerOption.cluster;
       return cluster ? this.clusterMarkers : this.markers;
-    }
+    } // 批量添加marker到scene
+
   }, {
     key: "addMarkers",
     value: function addMarkers() {
@@ -173,7 +179,8 @@ var MarkerLayer = /*#__PURE__*/function (_EventEmitter) {
       this.getMarkers().forEach(function (marker) {
         marker.addTo(_this2.scene);
       });
-    }
+    } // 清除图层里的marker
+
   }, {
     key: "clear",
     value: function clear() {
@@ -183,10 +190,6 @@ var MarkerLayer = /*#__PURE__*/function (_EventEmitter) {
       this.clusterMarkers.forEach(function (clusterMarker) {
         clusterMarker.remove();
       });
-      this.mapsService.off('camerachange', this.update);
-      this.mapsService.off('viewchange', this.update);
-      this.mapsService.off('camerachange', this.setContainerSize.bind(this));
-      this.mapsService.off('viewchange', this.setContainerSize.bind(this));
       this.markers = [];
       this.points = [];
       this.clusterMarkers = [];
@@ -196,7 +199,12 @@ var MarkerLayer = /*#__PURE__*/function (_EventEmitter) {
     value: function destroy() {
       this.clear();
       this.removeAllListeners();
-    }
+      this.mapsService.off('camerachange', this.update);
+      this.mapsService.off('viewchange', this.update);
+      this.mapsService.off('camerachange', this.setContainerSize.bind(this));
+      this.mapsService.off('viewchange', this.setContainerSize.bind(this));
+    } // 将marker数据保存在point中
+
   }, {
     key: "addPoint",
     value: function addPoint(marker, id) {
@@ -227,11 +235,11 @@ var MarkerLayer = /*#__PURE__*/function (_EventEmitter) {
         return;
       }
 
-      var _ref = this.markerLayerOption.clusterOption,
-          radius = _ref.radius,
-          _ref$minZoom = _ref.minZoom,
-          minZoom = _ref$minZoom === void 0 ? 0 : _ref$minZoom,
-          maxZoom = _ref.maxZoom;
+      var _this$markerLayerOpti2 = this.markerLayerOption.clusterOption,
+          radius = _this$markerLayerOpti2.radius,
+          _this$markerLayerOpti3 = _this$markerLayerOpti2.minZoom,
+          minZoom = _this$markerLayerOpti3 === void 0 ? 0 : _this$markerLayerOpti3,
+          maxZoom = _this$markerLayerOpti2.maxZoom;
       this.clusterIndex = new Supercluster({
         radius: radius,
         minZoom: minZoom,
@@ -258,7 +266,7 @@ var MarkerLayer = /*#__PURE__*/function (_EventEmitter) {
             field = _this3$markerLayerOpt.field,
             method = _this3$markerLayerOpt.method; // 处理聚合数据
 
-        if (feature.properties && (_feature$properties = feature.properties) !== null && _feature$properties !== void 0 && _feature$properties.cluster_id) {
+        if ((_feature$properties = feature.properties) !== null && _feature$properties !== void 0 && _feature$properties.cluster_id) {
           var _feature$properties2;
 
           var clusterData = _this3.getLeaves((_feature$properties2 = feature.properties) === null || _feature$properties2 === void 0 ? void 0 : _feature$properties2.cluster_id);
@@ -301,9 +309,9 @@ var MarkerLayer = /*#__PURE__*/function (_EventEmitter) {
     key: "clusterMarker",
     value: function clusterMarker(feature) {
       var clusterOption = this.markerLayerOption.clusterOption;
-      var _ref2 = clusterOption,
-          _ref2$element = _ref2.element,
-          element = _ref2$element === void 0 ? this.generateElement.bind(this) : _ref2$element;
+      var _ref = clusterOption,
+          _ref$element = _ref.element,
+          element = _ref$element === void 0 ? this.generateElement.bind(this) : _ref$element;
       var marker = new Marker({
         element: element(feature)
       }).setLnglat({
@@ -321,10 +329,9 @@ var MarkerLayer = /*#__PURE__*/function (_EventEmitter) {
   }, {
     key: "update",
     value: function update() {
-      if (!this.mapsService) {
-        return;
-      }
+      if (!this.mapsService) return; // 当图层中无marker时，无需更新
 
+      if (this.markers.length === 0) return;
       var zoom = this.mapsService.getZoom();
       var bbox = this.mapsService.getBounds();
 
@@ -340,9 +347,9 @@ var MarkerLayer = /*#__PURE__*/function (_EventEmitter) {
       var el = DOM.create('div', 'l7-marker-cluster');
       var label = DOM.create('div', '', el);
       var span = DOM.create('span', '', label);
-      var _this$markerLayerOpti2 = this.markerLayerOption.clusterOption,
-          field = _this$markerLayerOpti2.field,
-          method = _this$markerLayerOpti2.method;
+      var _this$markerLayerOpti4 = this.markerLayerOption.clusterOption,
+          field = _this$markerLayerOpti4.field,
+          method = _this$markerLayerOpti4.method;
       feature.properties.point_count = feature.properties.point_count || 1;
       var text = field && method ? feature.properties['point_' + method] || feature.properties[field] : feature.properties.point_count;
       span.textContent = text;

package/es/marker.js

@@ -68,9 +68,7 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
       this.scene = scene;
       this.mapsService = scene.get(TYPES.IMapService);
       this.sceneSerive = scene.get(TYPES.ISceneService);
-      var _this$markerOption = this.markerOption,
-          element = _this$markerOption.element,
-          draggable = _this$markerOption.draggable; // this.sceneSerive.getSceneContainer().appendChild(element as HTMLElement);
+      var element = this.markerOption.element; // this.sceneSerive.getSceneContainer().appendChild(element as HTMLElement);
 
       this.mapsService.getMarkerContainer().appendChild(element);
       this.registerMarkerEvent(element);
@@ -242,7 +240,8 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
     key: "getOffset",
     value: function getOffset() {
       return this.markerOption.offsets;
-    }
+    } // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
   }, {
     key: "setDraggable",
     value: function setDraggable(draggable) {
@@ -270,12 +269,13 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
         return;
       }
 
-      var _this$markerOption2 = this.markerOption,
-          element = _this$markerOption2.element,
-          anchor = _this$markerOption2.anchor;
+      var _this$markerOption = this.markerOption,
+          element = _this$markerOption.element,
+          anchor = _this$markerOption.anchor;
       this.updatePosition();
       DOM.setTransform(element, "".concat(anchorTranslate[anchor]));
-    }
+    } // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
   }, {
     key: "onMapClick",
     value: function onMapClick(e) {
@@ -302,9 +302,9 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
         return;
       }
 
-      var _this$markerOption3 = this.markerOption,
-          element = _this$markerOption3.element,
-          offsets = _this$markerOption3.offsets;
+      var _this$markerOption2 = this.markerOption,
+          element = _this$markerOption2.element,
+          offsets = _this$markerOption2.offsets;
       var _this$lngLat = this.lngLat,
           lng = _this$lngLat.lng,
           lat = _this$lngLat.lat;
@@ -351,9 +351,9 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
       var _this5 = this;
 
       var element = this.markerOption.element;
-      var _this$markerOption4 = this.markerOption,
-          color = _this$markerOption4.color,
-          anchor = _this$markerOption4.anchor;
+      var _this$markerOption3 = this.markerOption,
+          color = _this$markerOption3.color,
+          anchor = _this$markerOption3.anchor;
 
       if (!element) {
         this.defaultMarker = true;
@@ -416,9 +416,11 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
     }
   }, {
     key: "addDragHandler",
-    value: function addDragHandler(e) {
+    value: // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    function addDragHandler(e) {
       throw new Error('Method not implemented.');
-    }
+    } // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
   }, {
     key: "onUp",
     value: function onUp(e) {

package/lib/control/layer.js

@@ -121,10 +121,10 @@ var Layers = class extends import_BaseControl.default {
   }
   initLayers() {
     const { baseLayers = {}, overlayers = {} } = this.controlOption;
-    Object.keys(baseLayers).forEach((name, index) => {
+    Object.keys(baseLayers).forEach((name) => {
       this.addLayer(baseLayers[name], name, false);
     });
-    Object.keys(overlayers).forEach((name, index) => {
+    Object.keys(overlayers).forEach((name) => {
       this.addLayer(overlayers[name], name, true);
     });
   }

package/lib/marker-layer.js

@@ -136,10 +136,6 @@ var MarkerLayer = class extends import_eventemitter3.EventEmitter {
     this.clusterMarkers.forEach((clusterMarker) => {
       clusterMarker.remove();
     });
-    this.mapsService.off("camerachange", this.update);
-    this.mapsService.off("viewchange", this.update);
-    this.mapsService.off("camerachange", this.setContainerSize.bind(this));
-    this.mapsService.off("viewchange", this.setContainerSize.bind(this));
     this.markers = [];
     this.points = [];
     this.clusterMarkers = [];
@@ -147,6 +143,10 @@ var MarkerLayer = class extends import_eventemitter3.EventEmitter {
   destroy() {
     this.clear();
     this.removeAllListeners();
+    this.mapsService.off("camerachange", this.update);
+    this.mapsService.off("viewchange", this.update);
+    this.mapsService.off("camerachange", this.setContainerSize.bind(this));
+    this.mapsService.off("viewchange", this.setContainerSize.bind(this));
   }
   addPoint(marker, id) {
     const { lng, lat } = marker.getLnglat();
@@ -169,7 +169,11 @@ var MarkerLayer = class extends import_eventemitter3.EventEmitter {
     if (!this.markerLayerOption.cluster) {
       return;
     }
-    const { radius, minZoom = 0, maxZoom } = this.markerLayerOption.clusterOption;
+    const {
+      radius,
+      minZoom = 0,
+      maxZoom
+    } = this.markerLayerOption.clusterOption;
     this.clusterIndex = new import_supercluster.default({
       radius,
       minZoom,
@@ -187,7 +191,7 @@ var MarkerLayer = class extends import_eventemitter3.EventEmitter {
     clusterPoint.forEach((feature) => {
       var _a, _b;
       const { field, method } = this.markerLayerOption.clusterOption;
-      if (feature.properties && ((_a = feature.properties) == null ? void 0 : _a.cluster_id)) {
+      if ((_a = feature.properties) == null ? void 0 : _a.cluster_id) {
         const clusterData = this.getLeaves((_b = feature.properties) == null ? void 0 : _b.cluster_id);
         feature.properties.clusterData = clusterData;
         if (field && method) {
@@ -232,9 +236,10 @@ var MarkerLayer = class extends import_eventemitter3.EventEmitter {
     return this.markers[marker_id];
   }
   update() {
-    if (!this.mapsService) {
+    if (!this.mapsService)
+      return;
+    if (this.markers.length === 0)
       return;
-    }
     const zoom = this.mapsService.getZoom();
     const bbox = this.mapsService.getBounds();
     if (!this.bbox || Math.abs(zoom - this.zoom) >= 1 || !(0, import_l7_utils.boundsContains)(this.bbox, bbox)) {

package/lib/marker.js

@@ -58,7 +58,7 @@ var Marker = class extends import_eventemitter3.EventEmitter {
     this.scene = scene;
     this.mapsService = scene.get(import_l7_core.TYPES.IMapService);
     this.sceneSerive = scene.get(import_l7_core.TYPES.ISceneService);
-    const { element, draggable } = this.markerOption;
+    const { element } = this.markerOption;
     this.mapsService.getMarkerContainer().appendChild(element);
     this.registerMarkerEvent(element);
     this.mapsService.on("camerachange", this.update);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/l7-component",
-  "version": "2.9.27-alpha.1",
+  "version": "2.9.27-alpha.3",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -25,8 +25,8 @@
   "author": "lzxue",
   "license": "ISC",
   "dependencies": {
-    "@antv/l7-core": "2.9.27-alpha.1",
-    "@antv/l7-utils": "2.9.27-alpha.1",
+    "@antv/l7-core": "2.9.27-alpha.3",
+    "@antv/l7-utils": "2.9.27-alpha.3",
     "@babel/runtime": "^7.7.7",
     "eventemitter3": "^4.0.0",
     "inversify": "^5.0.1",
@@ -35,9 +35,9 @@
     "supercluster": "^7.0.0"
   },
   "devDependencies": {
-    "@antv/l7-test-utils": "2.9.27-alpha.1"
+    "@antv/l7-test-utils": "2.9.27-alpha.3"
   },
-  "gitHead": "4de1a35dd04dcb651d469b77aa66ab821453005c",
+  "gitHead": "395ceeac3d64e838604f6acf8a84668488762ee3",
   "publishConfig": {
     "access": "public"
   }