@antv/l7-component 2.9.21 → 2.9.23

package/es/marker-layer.js

@@ -1,3 +1,4 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -5,11 +6,6 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _merge from "lodash/merge";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -18,10 +14,13 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import { TYPES } from '@antv/l7-core';
 import { bindAll, boundsContains, DOM, padBounds, Satistics } from '@antv/l7-utils';
 import { EventEmitter } from 'eventemitter3';
+import { merge } from 'lodash'; // @ts-ignore
+// tslint:disable-next-line:no-submodule-imports
+
 import Supercluster from 'supercluster/dist/supercluster';
-import Marker from './marker';
+import Marker from "./marker";
 
-var MarkerLayer = function (_EventEmitter) {
+var MarkerLayer = /*#__PURE__*/function (_EventEmitter) {
   _inherits(MarkerLayer, _EventEmitter);
 
   var _super = _createSuper(MarkerLayer);
@@ -37,23 +36,11 @@ var MarkerLayer = function (_EventEmitter) {
 
     _defineProperty(_assertThisInitialized(_this), "markers", []);
 
-    _defineProperty(_assertThisInitialized(_this), "markerLayerOption", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "clusterIndex", void 0);
-
     _defineProperty(_assertThisInitialized(_this), "points", []);
 
     _defineProperty(_assertThisInitialized(_this), "clusterMarkers", []);
 
-    _defineProperty(_assertThisInitialized(_this), "mapsService", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "scene", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "zoom", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "bbox", void 0);
-
-    _this.markerLayerOption = _merge(_this.getDefault(), option);
+    _this.markerLayerOption = merge(_this.getDefault(), option);
     bindAll(['update'], _assertThisInitialized(_this));
     _this.zoom = ((_this$markerLayerOpti = _this.markerLayerOption.clusterOption) === null || _this$markerLayerOpti === void 0 ? void 0 : _this$markerLayerOpti.zoom) || -99;
     return _this;
@@ -77,14 +64,17 @@ var MarkerLayer = function (_EventEmitter) {
   }, {
     key: "addTo",
     value: function addTo(scene) {
+      // this.remove();
       this.scene = scene;
       this.mapsService = scene.get(TYPES.IMapService);
 
       if (this.markerLayerOption.cluster) {
         this.initCluster();
-        this.update();
-        this.mapsService.on('camerachange', this.update);
-        this.mapsService.on('viewchange', this.update);
+        this.update(); // 地图视野变化时，重新计算视野内的聚合点。
+
+        this.mapsService.on('camerachange', this.update); // amap1.x 更新事件
+
+        this.mapsService.on('viewchange', this.update); // amap2.0 更新事件
       }
 
       this.addMarkers();
@@ -99,6 +89,7 @@ var MarkerLayer = function (_EventEmitter) {
         this.addPoint(marker, this.markers.length);
 
         if (this.mapsService) {
+          // 在新增 marker 的时候需要更新聚合信息（哪怕此时的 zoom 没有发生变化）
           var zoom = this.mapsService.getZoom();
           var bbox = this.mapsService.getBounds();
           this.bbox = padBounds(bbox, 0.5);
@@ -119,6 +110,10 @@ var MarkerLayer = function (_EventEmitter) {
         this.markers.splice(markerIndex, 1);
       }
     }
+    /**
+     * 隐藏 marker 在每个 marker 上单独修改属性而不是在 markerContainer 上修改（在 markerContainer 修改会有用户在场景加载完之前调用失败的问题）
+     */
+
   }, {
     key: "hide",
     value: function hide() {
@@ -129,6 +124,10 @@ var MarkerLayer = function (_EventEmitter) {
         m.getElement().style.opacity = '0';
       });
     }
+    /**
+     * 显示 marker
+     */
+
   }, {
     key: "show",
     value: function show() {
@@ -192,6 +191,7 @@ var MarkerLayer = function (_EventEmitter) {
       this.points.push(feature);
 
       if (this.clusterIndex) {
+        // 在新增点的时候需要更新 cluster 的数据
         this.clusterIndex.load(this.points);
       }
     }
@@ -211,7 +211,8 @@ var MarkerLayer = function (_EventEmitter) {
         radius: radius,
         minZoom: minZoom,
         maxZoom: maxZoom
-      });
+      }); // @ts-ignore
+
       this.clusterIndex.load(this.points);
     }
   }, {
@@ -230,7 +231,7 @@ var MarkerLayer = function (_EventEmitter) {
 
         var _this3$markerLayerOpt = _this3.markerLayerOption.clusterOption,
             field = _this3$markerLayerOpt.field,
-            method = _this3$markerLayerOpt.method;
+            method = _this3$markerLayerOpt.method; // 处理聚合数据
 
         if (feature.properties && (_feature$properties = feature.properties) !== null && _feature$properties !== void 0 && _feature$properties.cluster_id) {
           var _feature$properties2;
@@ -327,5 +328,4 @@ var MarkerLayer = function (_EventEmitter) {
   return MarkerLayer;
 }(EventEmitter);
 
-export { MarkerLayer as default };
-//# sourceMappingURL=marker-layer.js.map
+export { MarkerLayer as default };

package/es/marker.js

@@ -1,3 +1,4 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -6,10 +7,6 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -18,7 +15,8 @@ import { TYPES } from '@antv/l7-core';
 import { anchorTranslate, anchorType, applyAnchorClass, bindAll, DOM } from '@antv/l7-utils';
 import { EventEmitter } from 'eventemitter3';
 
-var Marker = function (_EventEmitter) {
+//  marker 支持 dragger 未完成
+var Marker = /*#__PURE__*/function (_EventEmitter) {
   _inherits(Marker, _EventEmitter);
 
   var _super = _createSuper(Marker);
@@ -30,20 +28,6 @@ var Marker = function (_EventEmitter) {
 
     _this = _super.call(this);
 
-    _defineProperty(_assertThisInitialized(_this), "markerOption", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "defaultMarker", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "popup", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "mapsService", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "sceneSerive", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "lngLat", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "scene", void 0);
-
     _defineProperty(_assertThisInitialized(_this), "added", false);
 
     _defineProperty(_assertThisInitialized(_this), "eventHandle", function (e) {
@@ -67,6 +51,7 @@ var Marker = function (_EventEmitter) {
     value: function getDefault() {
       return {
         element: undefined,
+        // DOM element
         anchor: anchorType.BOTTOM,
         offsets: [0, 0],
         color: '#5B8FF9',
@@ -76,16 +61,20 @@ var Marker = function (_EventEmitter) {
   }, {
     key: "addTo",
     value: function addTo(scene) {
+      // this.remove();
       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;
+          draggable = _this$markerOption.draggable; // this.sceneSerive.getSceneContainer().appendChild(element as HTMLElement);
+
       this.mapsService.getMarkerContainer().appendChild(element);
       this.registerMarkerEvent(element);
-      this.mapsService.on('camerachange', this.update);
-      this.mapsService.on('viewchange', this.update);
+      this.mapsService.on('camerachange', this.update); // 注册高德1.x 的地图事件监听
+
+      this.mapsService.on('viewchange', this.update); // 注册高德2.0 的地图事件监听
+
       this.update();
       this.added = true;
       this.emit('added');
@@ -319,20 +308,24 @@ var Marker = function (_EventEmitter) {
         if (container) {
           containerWidth = container.scrollWidth;
           containerHeight = container.scrollHeight;
-        }
+        } // 当前可视区域包含跨日界线
+
 
         if (Math.abs(bounds[0][0]) > 180 || Math.abs(bounds[1][0]) > 180) {
           if (pos.x > containerWidth) {
+            // 日界线右侧点左移
             var newPos = this.mapsService.lngLatToContainer([lng - 360, lat]);
             pos.x = newPos.x;
           }
 
           if (pos.x < 0) {
+            // 日界线左侧点右移
             var _newPos = this.mapsService.lngLatToContainer([lng + 360, lat]);
 
             pos.x = _newPos.x;
           }
-        }
+        } // 不在当前可视区域内隐藏点
+
 
         if (pos.x > containerWidth || pos.x < 0 || pos.y > containerHeight || pos.y < 0) {
           element.style.display = 'none';
@@ -369,12 +362,14 @@ var Marker = function (_EventEmitter) {
       }
 
       DOM.addClass(element, 'l7-marker');
-      Object.keys(this.markerOption.style || {}).forEach(function (key) {
+      Object.keys(this.markerOption.style || {}).forEach( // @ts-ignore
+      function (key) {
         var _this5$markerOption, _this5$markerOption2;
 
         var value = ((_this5$markerOption = _this5.markerOption) === null || _this5$markerOption === void 0 ? void 0 : _this5$markerOption.style) && ((_this5$markerOption2 = _this5.markerOption) === null || _this5$markerOption2 === void 0 ? void 0 : _this5$markerOption2.style[key]);
 
         if (element) {
+          // @ts-ignore
           element.style[key] = value;
         }
       });
@@ -424,5 +419,4 @@ var Marker = function (_EventEmitter) {
   return Marker;
 }(EventEmitter);
 
-export { Marker as default };
-//# sourceMappingURL=marker.js.map
+export { Marker as default };

package/es/popup.js

@@ -1,14 +1,10 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -18,7 +14,8 @@ import { TYPES } from '@antv/l7-core';
 import { anchorTranslate, anchorType, applyAnchorClass, bindAll, DOM } from '@antv/l7-utils';
 import { EventEmitter } from 'eventemitter3';
 
-var Popup = function (_EventEmitter) {
+/** colse event */
+var Popup = /*#__PURE__*/function (_EventEmitter) {
   _inherits(Popup, _EventEmitter);
 
   var _super = _createSuper(Popup);
@@ -29,27 +26,6 @@ var Popup = function (_EventEmitter) {
     _classCallCheck(this, Popup);
 
     _this = _super.call(this);
-
-    _defineProperty(_assertThisInitialized(_this), "popupOption", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "mapsService", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "sceneSerive", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "lngLat", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "content", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "closeButton", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "timeoutInstance", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "container", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "tip", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "scene", void 0);
-
     _this.popupOption = _objectSpread(_objectSpread({}, _this.getdefault()), cfg);
     bindAll(['update', 'onClickClose', 'remove'], _assertThisInitialized(_this));
     return _this;
@@ -150,7 +126,8 @@ var Popup = function (_EventEmitter) {
       this.content.appendChild(htmlNode);
       this.update();
       return this;
-    }
+    } // 移除popup
+
   }, {
     key: "remove",
     value: function remove() {
@@ -159,14 +136,17 @@ var Popup = function (_EventEmitter) {
       }
 
       if (this.container) {
-        this.removeDom(this.container);
+        this.removeDom(this.container); // @ts-ignore
+
         delete this.container;
       }
 
       if (this.mapsService) {
+        // TODO: mapbox AMap 事件同步
         this.mapsService.off('camerachange', this.update);
         this.mapsService.off('viewchange', this.update);
-        this.mapsService.off('click', this.onClickClose);
+        this.mapsService.off('click', this.onClickClose); // @ts-ignore
+
         delete this.mapsService;
       }
 
@@ -192,9 +172,11 @@ var Popup = function (_EventEmitter) {
         this.closeButton = DOM.create('button', 'l7-popup-close-button', this.content);
 
         if (this.popupOption.closeButtonOffsets) {
+          // 关闭按钮的偏移
           this.closeButton.style.right = this.popupOption.closeButtonOffsets[0] + 'px';
           this.closeButton.style.top = this.popupOption.closeButtonOffsets[1] + 'px';
-        }
+        } // this.closeButton.type = 'button';
+
 
         this.closeButton.setAttribute('aria-label', 'Close popup');
         this.closeButton.innerHTML = '&#215;';
@@ -271,7 +253,8 @@ var Popup = function (_EventEmitter) {
           className.split(' ').forEach(function (name) {
             return _this3.container.classList.add(name);
           });
-        }
+        } // 高德地图需要阻止事件冒泡 // 测试mapbox 地图不需要添加
+
 
         var stopPropagation = this.popupOption.stopPropagation;
 
@@ -314,5 +297,4 @@ var Popup = function (_EventEmitter) {
   return Popup;
 }(EventEmitter);
 
-export { Popup as default };
-//# sourceMappingURL=popup.js.map
+export { Popup as default };

package/es/utils/anchor.js

@@ -32,5 +32,4 @@ export function applyAnchorClass(element, anchor, prefix) {
   }
 
   classList.add("l7-".concat(prefix, "-anchor-").concat(anchor));
-}
-//# sourceMappingURL=anchor.js.map
+}

package/lib/control/BaseControl.js

@@ -1,173 +1,110 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "PositionType", {
-  enumerable: true,
-  get: function get() {
-    return _l7Core.PositionType;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/control/BaseControl.ts
+var BaseControl_exports = {};
+__export(BaseControl_exports, {
+  PositionType: () => import_l7_core2.PositionType,
+  default: () => Control
 });
-exports.default = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _l7Core = require("@antv/l7-core");
-
-var _l7Utils = require("@antv/l7-utils");
-
-var _eventemitter = require("eventemitter3");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
+module.exports = __toCommonJS(BaseControl_exports);
+var import_l7_core = require("@antv/l7-core");
+var import_l7_utils = require("@antv/l7-utils");
+var import_eventemitter3 = require("eventemitter3");
+var import_l7_core2 = require("@antv/l7-core");
 var controlId = 0;
-
-var Control = function (_EventEmitter) {
-  (0, _inherits2.default)(Control, _EventEmitter);
-
-  var _super = _createSuper(Control);
-
-  function Control(cfg) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, Control);
-    _this = _super.call(this);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "controlOption", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "container", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "sceneContainer", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "mapsService", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderService", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "layerService", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "controlService", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isShow", void 0);
-    _this.controlOption = _objectSpread(_objectSpread({}, _this.getDefault()), cfg || {});
-    return _this;
+var Control = class extends import_eventemitter3.EventEmitter {
+  constructor(cfg) {
+    super();
+    this.controlOption = {
+      ...this.getDefault(),
+      ...cfg || {}
+    };
   }
-
-  (0, _createClass2.default)(Control, [{
-    key: "getDefault",
-    value: function getDefault() {
-      return {
-        position: _l7Core.PositionType.TOPRIGHT,
-        name: "".concat(controlId++)
-      };
-    }
-  }, {
-    key: "setPosition",
-    value: function setPosition() {
-      var position = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _l7Core.PositionType.BOTTOMRIGHT;
-      var controlService = this.controlService;
-
-      if (controlService) {
-        controlService.removeControl(this);
-      }
-
-      this.controlOption.position = position;
-
-      if (controlService) {
-        controlService.addControl(this, this.sceneContainer);
-      }
-
-      return this;
-    }
-  }, {
-    key: "addTo",
-    value: function addTo(sceneContainer) {
-      this.mapsService = sceneContainer.get(_l7Core.TYPES.IMapService);
-      this.renderService = sceneContainer.get(_l7Core.TYPES.IRendererService);
-      this.layerService = sceneContainer.get(_l7Core.TYPES.ILayerService);
-      this.controlService = sceneContainer.get(_l7Core.TYPES.IControlService);
-      this.sceneContainer = sceneContainer;
-      this.isShow = true;
-      this.container = this.onAdd();
-      var container = this.container;
-      var pos = this.controlOption.position;
-      var corner = this.controlService.controlCorners[pos];
-
-      _l7Utils.DOM.addClass(container, 'l7-control');
-
-      if (pos.indexOf('bottom') !== -1) {
-        corner.insertBefore(container, corner.firstChild);
-      } else {
-        corner.appendChild(container);
-      }
-
-      return this;
-    }
-  }, {
-    key: "onAdd",
-    value: function onAdd() {
-      throw new Error('Method not implemented.');
-    }
-  }, {
-    key: "onRemove",
-    value: function onRemove() {
-      throw new Error('Method not implemented.');
+  getDefault() {
+    return {
+      position: import_l7_core.PositionType.TOPRIGHT,
+      name: `${controlId++}`
+    };
+  }
+  setPosition(position = import_l7_core.PositionType.BOTTOMRIGHT) {
+    const controlService = this.controlService;
+    if (controlService) {
+      controlService.removeControl(this);
     }
-  }, {
-    key: "hide",
-    value: function hide() {
-      var container = this.container;
-
-      _l7Utils.DOM.addClass(container, 'l7-control-hide');
-
-      this.isShow = false;
+    this.controlOption.position = position;
+    if (controlService) {
+      controlService.addControl(this, this.sceneContainer);
     }
-  }, {
-    key: "show",
-    value: function show() {
-      var container = this.container;
-
-      _l7Utils.DOM.removeClass(container, 'l7-control-hide');
-
-      this.isShow = true;
+    return this;
+  }
+  addTo(sceneContainer) {
+    this.mapsService = sceneContainer.get(import_l7_core.TYPES.IMapService);
+    this.renderService = sceneContainer.get(import_l7_core.TYPES.IRendererService);
+    this.layerService = sceneContainer.get(import_l7_core.TYPES.ILayerService);
+    this.controlService = sceneContainer.get(import_l7_core.TYPES.IControlService);
+    this.sceneContainer = sceneContainer;
+    this.isShow = true;
+    this.container = this.onAdd();
+    const container = this.container;
+    const pos = this.controlOption.position;
+    const corner = this.controlService.controlCorners[pos];
+    import_l7_utils.DOM.addClass(container, "l7-control");
+    if (pos.indexOf("bottom") !== -1) {
+      corner.insertBefore(container, corner.firstChild);
+    } else {
+      corner.appendChild(container);
     }
-  }, {
-    key: "remove",
-    value: function remove() {
-      if (!this.mapsService) {
-        return this;
-      }
-
-      _l7Utils.DOM.remove(this.container);
-
-      this.onRemove();
+    return this;
+  }
+  onAdd() {
+    throw new Error("Method not implemented.");
+  }
+  onRemove() {
+    throw new Error("Method not implemented.");
+  }
+  hide() {
+    const container = this.container;
+    import_l7_utils.DOM.addClass(container, "l7-control-hide");
+    this.isShow = false;
+  }
+  show() {
+    const container = this.container;
+    import_l7_utils.DOM.removeClass(container, "l7-control-hide");
+    this.isShow = true;
+  }
+  remove() {
+    if (!this.mapsService) {
+      return this;
     }
-  }, {
-    key: "_refocusOnMap",
-    value: function _refocusOnMap(e) {
-      if (this.mapsService && e && e.screenX > 0 && e.screenY > 0) {
-        var container = this.mapsService.getContainer();
-
-        if (container !== null) {
-          container.focus();
-        }
+    import_l7_utils.DOM.remove(this.container);
+    this.onRemove();
+  }
+  _refocusOnMap(e) {
+    if (this.mapsService && e && e.screenX > 0 && e.screenY > 0) {
+      const container = this.mapsService.getContainer();
+      if (container !== null) {
+        container.focus();
       }
     }
-  }]);
-  return Control;
-}(_eventemitter.EventEmitter);
-
-exports.default = Control;
-//# sourceMappingURL=BaseControl.js.map
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PositionType
+});