@antv/l7-component 2.9.20 → 2.9.22

package/lib/marker.js

@@ -1,435 +1,302 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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/marker.ts
+var marker_exports = {};
+__export(marker_exports, {
+  default: () => Marker
 });
-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; } }
-
-var Marker = function (_EventEmitter) {
-  (0, _inherits2.default)(Marker, _EventEmitter);
-
-  var _super = _createSuper(Marker);
-
-  function Marker(option) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, Marker);
-    _this = _super.call(this);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "markerOption", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "defaultMarker", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "popup", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "mapsService", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "sceneSerive", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "lngLat", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "scene", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "added", false);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "eventHandle", function (e) {
-      _this.emit(e.type, {
+module.exports = __toCommonJS(marker_exports);
+var import_l7_core = require("@antv/l7-core");
+var import_l7_utils = require("@antv/l7-utils");
+var import_eventemitter3 = require("eventemitter3");
+var Marker = class extends import_eventemitter3.EventEmitter {
+  constructor(option) {
+    super();
+    this.added = false;
+    this.eventHandle = (e) => {
+      this.emit(e.type, {
         target: e,
-        data: _this.markerOption.extData,
-        lngLat: _this.lngLat
+        data: this.markerOption.extData,
+        lngLat: this.lngLat
       });
-    });
-    _this.markerOption = _objectSpread(_objectSpread({}, _this.getDefault()), option);
-    (0, _l7Utils.bindAll)(['update', 'onMove', 'onUp', 'addDragHandler', 'onMapClick'], (0, _assertThisInitialized2.default)(_this));
-
-    _this.init();
-
-    return _this;
+    };
+    this.markerOption = {
+      ...this.getDefault(),
+      ...option
+    };
+    (0, import_l7_utils.bindAll)(["update", "onMove", "onUp", "addDragHandler", "onMapClick"], this);
+    this.init();
   }
-
-  (0, _createClass2.default)(Marker, [{
-    key: "getDefault",
-    value: function getDefault() {
-      return {
-        element: undefined,
-        anchor: _l7Utils.anchorType.BOTTOM,
-        offsets: [0, 0],
-        color: '#5B8FF9',
-        draggable: false
-      };
-    }
-  }, {
-    key: "addTo",
-    value: function addTo(scene) {
-      this.scene = scene;
-      this.mapsService = scene.get(_l7Core.TYPES.IMapService);
-      this.sceneSerive = scene.get(_l7Core.TYPES.ISceneService);
-      var _this$markerOption = this.markerOption,
-          element = _this$markerOption.element,
-          draggable = _this$markerOption.draggable;
-      this.mapsService.getMarkerContainer().appendChild(element);
-      this.registerMarkerEvent(element);
-      this.mapsService.on('camerachange', this.update);
-      this.mapsService.on('viewchange', this.update);
-      this.update();
-      this.added = true;
-      this.emit('added');
-      return this;
-    }
-  }, {
-    key: "remove",
-    value: function remove() {
-      if (this.mapsService) {
-        this.mapsService.off('click', this.onMapClick);
-        this.mapsService.off('move', this.update);
-        this.mapsService.off('moveend', this.update);
-        this.mapsService.off('mousedown', this.addDragHandler);
-        this.mapsService.off('touchstart', this.addDragHandler);
-        this.mapsService.off('mouseup', this.onUp);
-        this.mapsService.off('touchend', this.onUp);
-      }
-
-      this.unRegisterMarkerEvent();
-      this.removeAllListeners();
-      var element = this.markerOption.element;
-
-      if (element) {
-        _l7Utils.DOM.remove(element);
-      }
-
-      if (this.popup) {
-        this.popup.remove();
-      }
-
-      return this;
+  getDefault() {
+    return {
+      element: void 0,
+      anchor: import_l7_utils.anchorType.BOTTOM,
+      offsets: [0, 0],
+      color: "#5B8FF9",
+      draggable: false
+    };
+  }
+  addTo(scene) {
+    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;
+    this.mapsService.getMarkerContainer().appendChild(element);
+    this.registerMarkerEvent(element);
+    this.mapsService.on("camerachange", this.update);
+    this.mapsService.on("viewchange", this.update);
+    this.update();
+    this.added = true;
+    this.emit("added");
+    return this;
+  }
+  remove() {
+    if (this.mapsService) {
+      this.mapsService.off("click", this.onMapClick);
+      this.mapsService.off("move", this.update);
+      this.mapsService.off("moveend", this.update);
+      this.mapsService.off("mousedown", this.addDragHandler);
+      this.mapsService.off("touchstart", this.addDragHandler);
+      this.mapsService.off("mouseup", this.onUp);
+      this.mapsService.off("touchend", this.onUp);
     }
-  }, {
-    key: "setLnglat",
-    value: function setLnglat(lngLat) {
-      this.lngLat = lngLat;
-
-      if (Array.isArray(lngLat)) {
-        this.lngLat = {
-          lng: lngLat[0],
-          lat: lngLat[1]
-        };
-      }
-
-      if (this.popup) {
-        this.popup.setLnglat(this.lngLat);
-      }
-
-      this.update();
-      return this;
+    this.unRegisterMarkerEvent();
+    this.removeAllListeners();
+    const { element } = this.markerOption;
+    if (element) {
+      import_l7_utils.DOM.remove(element);
     }
-  }, {
-    key: "getLnglat",
-    value: function getLnglat() {
-      return this.lngLat;
+    if (this.popup) {
+      this.popup.remove();
     }
-  }, {
-    key: "getElement",
-    value: function getElement() {
-      return this.markerOption.element;
+    return this;
+  }
+  setLnglat(lngLat) {
+    this.lngLat = lngLat;
+    if (Array.isArray(lngLat)) {
+      this.lngLat = {
+        lng: lngLat[0],
+        lat: lngLat[1]
+      };
     }
-  }, {
-    key: "setElement",
-    value: function setElement(el) {
-      var _this2 = this;
-
-      if (!this.added) {
-        this.once('added', function () {
-          _this2.setElement(el);
-        });
-        return this;
-      }
-
-      var element = this.markerOption.element;
-
-      if (element) {
-        _l7Utils.DOM.remove(element);
-      }
-
-      this.markerOption.element = el;
-      this.init();
-      this.mapsService.getMarkerContainer().appendChild(el);
-      this.registerMarkerEvent(el);
-      this.update();
-      return this;
+    if (this.popup) {
+      this.popup.setLnglat(this.lngLat);
     }
-  }, {
-    key: "openPopup",
-    value: function openPopup() {
-      var _this3 = this;
-
-      if (!this.added) {
-        this.once('added', function () {
-          _this3.openPopup();
-        });
-        return this;
-      }
-
-      var popup = this.popup;
-
-      if (!popup) {
-        return this;
-      }
-
-      if (!popup.isOpen()) {
-        popup.addTo(this.scene);
-      }
-
+    this.update();
+    return this;
+  }
+  getLnglat() {
+    return this.lngLat;
+  }
+  getElement() {
+    return this.markerOption.element;
+  }
+  setElement(el) {
+    if (!this.added) {
+      this.once("added", () => {
+        this.setElement(el);
+      });
       return this;
     }
-  }, {
-    key: "closePopup",
-    value: function closePopup() {
-      var _this4 = this;
-
-      if (!this.added) {
-        this.once('added', function () {
-          _this4.closePopup();
-        });
-      }
-
-      var popup = this.popup;
-
-      if (popup) {
-        popup.remove();
-      }
-
-      return this;
+    const { element } = this.markerOption;
+    if (element) {
+      import_l7_utils.DOM.remove(element);
     }
-  }, {
-    key: "setPopup",
-    value: function setPopup(popup) {
-      this.popup = popup;
-
-      if (this.lngLat) {
-        this.popup.setLnglat(this.lngLat);
-      }
-
+    this.markerOption.element = el;
+    this.init();
+    this.mapsService.getMarkerContainer().appendChild(el);
+    this.registerMarkerEvent(el);
+    this.update();
+    return this;
+  }
+  openPopup() {
+    if (!this.added) {
+      this.once("added", () => {
+        this.openPopup();
+      });
       return this;
     }
-  }, {
-    key: "togglePopup",
-    value: function togglePopup() {
-      var popup = this.popup;
-
-      if (!popup) {
-        return this;
-      } else if (popup.isOpen()) {
-        popup.remove();
-      } else {
-        popup.addTo(this.scene);
-      }
-
+    const popup = this.popup;
+    if (!popup) {
       return this;
     }
-  }, {
-    key: "getPopup",
-    value: function getPopup() {
-      return this.popup;
+    if (!popup.isOpen()) {
+      popup.addTo(this.scene);
     }
-  }, {
-    key: "getOffset",
-    value: function getOffset() {
-      return this.markerOption.offsets;
+    return this;
+  }
+  closePopup() {
+    if (!this.added) {
+      this.once("added", () => {
+        this.closePopup();
+      });
     }
-  }, {
-    key: "setDraggable",
-    value: function setDraggable(draggable) {
-      throw new Error('Method not implemented.');
+    const popup = this.popup;
+    if (popup) {
+      popup.remove();
     }
-  }, {
-    key: "isDraggable",
-    value: function isDraggable() {
-      return this.markerOption.draggable;
+    return this;
+  }
+  setPopup(popup) {
+    this.popup = popup;
+    if (this.lngLat) {
+      this.popup.setLnglat(this.lngLat);
     }
-  }, {
-    key: "getExtData",
-    value: function getExtData() {
-      return this.markerOption.extData;
+    return this;
+  }
+  togglePopup() {
+    const popup = this.popup;
+    if (!popup) {
+      return this;
+    } else if (popup.isOpen()) {
+      popup.remove();
+    } else {
+      popup.addTo(this.scene);
     }
-  }, {
-    key: "setExtData",
-    value: function setExtData(data) {
-      this.markerOption.extData = data;
+    return this;
+  }
+  getPopup() {
+    return this.popup;
+  }
+  getOffset() {
+    return this.markerOption.offsets;
+  }
+  setDraggable(draggable) {
+    throw new Error("Method not implemented.");
+  }
+  isDraggable() {
+    return this.markerOption.draggable;
+  }
+  getExtData() {
+    return this.markerOption.extData;
+  }
+  setExtData(data) {
+    this.markerOption.extData = data;
+  }
+  update() {
+    if (!this.mapsService) {
+      return;
     }
-  }, {
-    key: "update",
-    value: function update() {
-      if (!this.mapsService) {
-        return;
-      }
-
-      var _this$markerOption2 = this.markerOption,
-          element = _this$markerOption2.element,
-          anchor = _this$markerOption2.anchor;
-      this.updatePosition();
-
-      _l7Utils.DOM.setTransform(element, "".concat(_l7Utils.anchorTranslate[anchor]));
+    const { element, anchor } = this.markerOption;
+    this.updatePosition();
+    import_l7_utils.DOM.setTransform(element, `${import_l7_utils.anchorTranslate[anchor]}`);
+  }
+  onMapClick(e) {
+    const { element } = this.markerOption;
+    if (this.popup && element) {
+      this.togglePopup();
     }
-  }, {
-    key: "onMapClick",
-    value: function onMapClick(e) {
-      var element = this.markerOption.element;
-
-      if (this.popup && element) {
-        this.togglePopup();
-      }
+  }
+  updatePosition() {
+    if (!this.mapsService) {
+      return;
     }
-  }, {
-    key: "updatePosition",
-    value: function updatePosition() {
-      if (!this.mapsService) {
-        return;
+    const { element, offsets } = this.markerOption;
+    const { lng, lat } = this.lngLat;
+    const bounds = this.mapsService.getBounds();
+    const pos = this.mapsService.lngLatToContainer([lng, lat]);
+    if (element) {
+      element.style.display = "block";
+      element.style.whiteSpace = "nowrap";
+      const container = this.mapsService.getContainer();
+      let containerWidth = 0;
+      let containerHeight = 0;
+      if (container) {
+        containerWidth = container.scrollWidth;
+        containerHeight = container.scrollHeight;
       }
-
-      var _this$markerOption3 = this.markerOption,
-          element = _this$markerOption3.element,
-          offsets = _this$markerOption3.offsets;
-      var _this$lngLat = this.lngLat,
-          lng = _this$lngLat.lng,
-          lat = _this$lngLat.lat;
-      var bounds = this.mapsService.getBounds();
-      var pos = this.mapsService.lngLatToContainer([lng, lat]);
-
-      if (element) {
-        element.style.display = 'block';
-        element.style.whiteSpace = 'nowrap';
-        var container = this.mapsService.getContainer();
-        var containerWidth = 0;
-        var containerHeight = 0;
-
-        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) {
+          const newPos = this.mapsService.lngLatToContainer([lng - 360, lat]);
+          pos.x = newPos.x;
         }
-
-        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';
+        if (pos.x < 0) {
+          const newPos = this.mapsService.lngLatToContainer([lng + 360, lat]);
+          pos.x = newPos.x;
         }
-
-        element.style.left = pos.x + offsets[0] + 'px';
-        element.style.top = pos.y - offsets[1] + 'px';
       }
-    }
-  }, {
-    key: "init",
-    value: function init() {
-      var _this5 = this;
-
-      var element = this.markerOption.element;
-      var _this$markerOption4 = this.markerOption,
-          color = _this$markerOption4.color,
-          anchor = _this$markerOption4.anchor;
-
-      if (!element) {
-        this.defaultMarker = true;
-        element = _l7Utils.DOM.create('div');
-        this.markerOption.element = element;
-        var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-        svg.setAttributeNS(null, 'display', 'block');
-        svg.setAttributeNS(null, 'height', '48px');
-        svg.setAttributeNS(null, 'width', '48px');
-        svg.setAttributeNS(null, 'viewBox', '0 0 1024 1024');
-        var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-        path.setAttributeNS(null, 'd', 'M512 490.666667C453.12 490.666667 405.333333 442.88 405.333333 384 405.333333 325.12 453.12 277.333333 512 277.333333 570.88 277.333333 618.666667 325.12 618.666667 384 618.666667 442.88 570.88 490.666667 512 490.666667M512 85.333333C346.88 85.333333 213.333333 218.88 213.333333 384 213.333333 608 512 938.666667 512 938.666667 512 938.666667 810.666667 608 810.666667 384 810.666667 218.88 677.12 85.333333 512 85.333333Z');
-        path.setAttributeNS(null, 'fill', color);
-        svg.appendChild(path);
-        element.appendChild(svg);
+      if (pos.x > containerWidth || pos.x < 0 || pos.y > containerHeight || pos.y < 0) {
+        element.style.display = "none";
       }
-
-      _l7Utils.DOM.addClass(element, 'l7-marker');
-
-      Object.keys(this.markerOption.style || {}).forEach(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) {
-          element.style[key] = value;
-        }
-      });
-      element.addEventListener('click', function (e) {
-        _this5.onMapClick(e);
-      });
-      element.addEventListener('click', this.eventHandle);
-      (0, _l7Utils.applyAnchorClass)(element, anchor, 'marker');
-    }
-  }, {
-    key: "registerMarkerEvent",
-    value: function registerMarkerEvent(element) {
-      element.addEventListener('mousemove', this.eventHandle);
-      element.addEventListener('click', this.eventHandle);
-      element.addEventListener('mousedown', this.eventHandle);
-      element.addEventListener('mouseup', this.eventHandle);
-      element.addEventListener('dblclick', this.eventHandle);
-      element.addEventListener('contextmenu', this.eventHandle);
-      element.addEventListener('mouseover', this.eventHandle);
-      element.addEventListener('mouseout', this.eventHandle);
-    }
-  }, {
-    key: "unRegisterMarkerEvent",
-    value: function unRegisterMarkerEvent() {
-      var element = this.getElement();
-      element.removeEventListener('mousemove', this.eventHandle);
-      element.removeEventListener('click', this.eventHandle);
-      element.removeEventListener('mousedown', this.eventHandle);
-      element.removeEventListener('mouseup', this.eventHandle);
-      element.removeEventListener('dblclick', this.eventHandle);
-      element.removeEventListener('contextmenu', this.eventHandle);
-      element.removeEventListener('mouseover', this.eventHandle);
-      element.removeEventListener('mouseout', this.eventHandle);
+      element.style.left = pos.x + offsets[0] + "px";
+      element.style.top = pos.y - offsets[1] + "px";
     }
-  }, {
-    key: "addDragHandler",
-    value: function addDragHandler(e) {
-      throw new Error('Method not implemented.');
-    }
-  }, {
-    key: "onUp",
-    value: function onUp(e) {
-      throw new Error('Method not implemented.');
+  }
+  init() {
+    let { element } = this.markerOption;
+    const { color, anchor } = this.markerOption;
+    if (!element) {
+      this.defaultMarker = true;
+      element = import_l7_utils.DOM.create("div");
+      this.markerOption.element = element;
+      const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+      svg.setAttributeNS(null, "display", "block");
+      svg.setAttributeNS(null, "height", "48px");
+      svg.setAttributeNS(null, "width", "48px");
+      svg.setAttributeNS(null, "viewBox", "0 0 1024 1024");
+      const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+      path.setAttributeNS(null, "d", "M512 490.666667C453.12 490.666667 405.333333 442.88 405.333333 384 405.333333 325.12 453.12 277.333333 512 277.333333 570.88 277.333333 618.666667 325.12 618.666667 384 618.666667 442.88 570.88 490.666667 512 490.666667M512 85.333333C346.88 85.333333 213.333333 218.88 213.333333 384 213.333333 608 512 938.666667 512 938.666667 512 938.666667 810.666667 608 810.666667 384 810.666667 218.88 677.12 85.333333 512 85.333333Z");
+      path.setAttributeNS(null, "fill", color);
+      svg.appendChild(path);
+      element.appendChild(svg);
     }
-  }]);
-  return Marker;
-}(_eventemitter.EventEmitter);
-
-exports.default = Marker;
-//# sourceMappingURL=marker.js.map
+    import_l7_utils.DOM.addClass(element, "l7-marker");
+    Object.keys(this.markerOption.style || {}).forEach((key) => {
+      var _a, _b;
+      const value = ((_a = this.markerOption) == null ? void 0 : _a.style) && ((_b = this.markerOption) == null ? void 0 : _b.style[key]);
+      if (element) {
+        element.style[key] = value;
+      }
+    });
+    element.addEventListener("click", (e) => {
+      this.onMapClick(e);
+    });
+    element.addEventListener("click", this.eventHandle);
+    (0, import_l7_utils.applyAnchorClass)(element, anchor, "marker");
+  }
+  registerMarkerEvent(element) {
+    element.addEventListener("mousemove", this.eventHandle);
+    element.addEventListener("click", this.eventHandle);
+    element.addEventListener("mousedown", this.eventHandle);
+    element.addEventListener("mouseup", this.eventHandle);
+    element.addEventListener("dblclick", this.eventHandle);
+    element.addEventListener("contextmenu", this.eventHandle);
+    element.addEventListener("mouseover", this.eventHandle);
+    element.addEventListener("mouseout", this.eventHandle);
+  }
+  unRegisterMarkerEvent() {
+    const element = this.getElement();
+    element.removeEventListener("mousemove", this.eventHandle);
+    element.removeEventListener("click", this.eventHandle);
+    element.removeEventListener("mousedown", this.eventHandle);
+    element.removeEventListener("mouseup", this.eventHandle);
+    element.removeEventListener("dblclick", this.eventHandle);
+    element.removeEventListener("contextmenu", this.eventHandle);
+    element.removeEventListener("mouseover", this.eventHandle);
+    element.removeEventListener("mouseout", this.eventHandle);
+  }
+  addDragHandler(e) {
+    throw new Error("Method not implemented.");
+  }
+  onUp(e) {
+    throw new Error("Method not implemented.");
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});