@antv/l7-component 2.17.4 → 2.17.5

package/lib/marker.js

@@ -1,53 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 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 _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; } }
-
 //  marker 支持 dragger 未完成
 var Marker = /*#__PURE__*/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), "added", false);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "eventHandle", function (e) {
       _this.polyfillEvent(e);
-
       _this.emit(e.type, {
         target: e,
         data: _this.markerOption.extData,
@@ -56,15 +37,13 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
     });
     _this.markerOption = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _this.getDefault()), option);
     (0, _l7Utils.bindAll)(['update', 'onMove', 'onMapClick'], (0, _assertThisInitialized2.default)(_this));
-
     _this.init();
-
     return _this;
   }
-
   (0, _createClass2.default)(Marker, [{
     key: "getMarkerLayerContainerSize",
-    value: // tslint:disable-next-line: no-empty
+    value:
+    // tslint:disable-next-line: no-empty
     function getMarkerLayerContainerSize() {}
   }, {
     key: "getDefault",
@@ -85,12 +64,11 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
       this.scene = scene;
       this.mapsService = scene.get(_l7Core.TYPES.IMapService);
       this.sceneSerive = scene.get(_l7Core.TYPES.ISceneService);
-      var element = this.markerOption.element; // 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);
       this.mapsService.on('camerachange', this.update); // 注册高德1.x 的地图事件监听
-
       this.update();
       this.added = true;
       this.emit('added');
@@ -105,37 +83,30 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
         this.mapsService.off('moveend', this.update);
         this.mapsService.off('camerachange', this.update);
       }
-
       this.unRegisterMarkerEvent();
       this.removeAllListeners();
       var element = this.markerOption.element;
-
       if (element) {
         _l7Utils.DOM.remove(element);
       }
-
       if (this.popup) {
         this.popup.remove();
       }
-
       return this;
     }
   }, {
     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;
     }
@@ -153,20 +124,16 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
     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);
@@ -178,61 +145,49 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
     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);
       }
-
       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;
     }
   }, {
     key: "setPopup",
     value: function setPopup(popup) {
       this.popup = popup;
-
       if (this.lngLat) {
         this.popup.setLnglat(this.lngLat);
       }
-
       return this;
     }
   }, {
     key: "togglePopup",
     value: function togglePopup() {
       var popup = this.popup;
-
       if (!popup) {
         return this;
       } else if (popup.isOpen()) {
@@ -240,7 +195,6 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
       } else {
         popup.addTo(this.scene);
       }
-
       return this;
     }
   }, {
@@ -252,8 +206,9 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
     key: "getOffset",
     value: function getOffset() {
       return this.markerOption.offsets;
-    } // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    }
 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
   }, {
     key: "setDraggable",
     value: function setDraggable(draggable) {
@@ -280,20 +235,18 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
       if (!this.mapsService) {
         return;
       }
-
       var _this$markerOption = this.markerOption,
-          element = _this$markerOption.element,
-          anchor = _this$markerOption.anchor;
+        element = _this$markerOption.element,
+        anchor = _this$markerOption.anchor;
       this.updatePosition();
-
       _l7Utils.DOM.setTransform(element, "".concat(_l7Utils.anchorTranslate[anchor]));
-    } // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    }
 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
   }, {
     key: "onMapClick",
     value: function onMapClick(e) {
       var element = this.markerOption.element;
-
       if (this.popup && element) {
         this.togglePopup();
       }
@@ -314,49 +267,40 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
       if (!this.mapsService) {
         return;
       }
-
       var _this$markerOption2 = this.markerOption,
-          element = _this$markerOption2.element,
-          offsets = _this$markerOption2.offsets;
+        element = _this$markerOption2.element,
+        offsets = _this$markerOption2.offsets;
       var _this$lngLat = this.lngLat,
-          lng = _this$lngLat.lng,
-          lat = _this$lngLat.lat;
+        lng = _this$lngLat.lng,
+        lat = _this$lngLat.lat;
       var pos = this.mapsService.lngLatToContainer([lng, lat]);
-
       if (element) {
         element.style.display = 'block';
         element.style.whiteSpace = 'nowrap';
-
         var _ref = this.getMarkerLayerContainerSize() || this.getCurrentContainerSize(),
-            containerHeight = _ref.containerHeight,
-            containerWidth = _ref.containerWidth,
-            bounds = _ref.bounds;
-
+          containerHeight = _ref.containerHeight,
+          containerWidth = _ref.containerWidth,
+          bounds = _ref.bounds;
         if (!bounds) {
           return;
-        } // 当前可视区域包含跨日界线
-
-
+        }
+        // 当前可视区域包含跨日界线
         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';
         }
-
         element.style.left = pos.x + offsets[0] + 'px';
         element.style.top = pos.y - offsets[1] + 'px';
       }
@@ -365,12 +309,10 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
     key: "init",
     value: function init() {
       var _this5 = this;
-
       var element = this.markerOption.element;
       var _this$markerOption3 = this.markerOption,
-          color = _this$markerOption3.color,
-          anchor = _this$markerOption3.anchor;
-
+        color = _this$markerOption3.color,
+        anchor = _this$markerOption3.anchor;
       if (!element) {
         this.defaultMarker = true;
         element = _l7Utils.DOM.create('div');
@@ -386,15 +328,12 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
         svg.appendChild(path);
         element.appendChild(svg);
       }
-
       _l7Utils.DOM.addClass(element, 'l7-marker');
-
-      Object.keys(this.markerOption.style || {}).forEach( // @ts-ignore
+      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;
@@ -439,12 +378,10 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
       if (!this.mapsService || this.mapsService.version !== 'GAODE2.x') {
         return;
       }
-
       if (!(0, _l7Utils.isPC)()) {
         if (e.type === 'touchstart') {
           this.touchStartTime = Date.now();
         }
-
         if (e.type === 'touchend' && Date.now() - this.touchStartTime < 300) {
           this.emit('click', {
             target: e,
@@ -453,14 +390,16 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
           });
         }
       }
-    } // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    }
 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
   }, {
     key: "addDragHandler",
     value: function addDragHandler(e) {
       return null;
-    } // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    }
 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
   }, {
     key: "onUp",
     value: function onUp(e) {
@@ -469,5 +408,4 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
   }]);
   return Marker;
 }(_eventemitter.EventEmitter);
-
 exports.default = Marker;