@antv/l7-component 2.17.2 → 2.17.4

package/es/marker.js

@@ -6,37 +6,51 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
 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; } }
+
 import { TYPES } from '@antv/l7-core';
 import { anchorTranslate, anchorType, applyAnchorClass, bindAll, DOM, isPC } from '@antv/l7-utils';
 import { EventEmitter } from 'eventemitter3';
+
 //  marker 支持 dragger 未完成
 var Marker = /*#__PURE__*/function (_EventEmitter) {
   _inherits(Marker, _EventEmitter);
+
   var _super = _createSuper(Marker);
+
   function Marker(option) {
     var _this;
+
     _classCallCheck(this, Marker);
+
     _this = _super.call(this);
+
     _defineProperty(_assertThisInitialized(_this), "added", false);
+
     _defineProperty(_assertThisInitialized(_this), "eventHandle", function (e) {
       _this.polyfillEvent(e);
+
       _this.emit(e.type, {
         target: e,
         data: _this.markerOption.extData,
         lngLat: _this.lngLat
       });
     });
+
     _this.markerOption = _objectSpread(_objectSpread({}, _this.getDefault()), option);
     bindAll(['update', 'onMove', 'onMapClick'], _assertThisInitialized(_this));
+
     _this.init();
+
     return _this;
   }
+
   _createClass(Marker, [{
     key: "getMarkerLayerContainerSize",
-    value:
-    // tslint:disable-next-line: no-empty
+    value: // tslint:disable-next-line: no-empty
     function getMarkerLayerContainerSize() {}
   }, {
     key: "getDefault",
@@ -57,11 +71,12 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
       this.scene = scene;
       this.mapsService = scene.get(TYPES.IMapService);
       this.sceneSerive = scene.get(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');
@@ -76,30 +91,37 @@ 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) {
         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;
     }
@@ -117,16 +139,20 @@ 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) {
         DOM.remove(element);
       }
+
       this.markerOption.element = el;
       this.init();
       this.mapsService.getMarkerContainer().appendChild(el);
@@ -138,49 +164,61 @@ 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()) {
@@ -188,6 +226,7 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
       } else {
         popup.addTo(this.scene);
       }
+
       return this;
     }
   }, {
@@ -199,9 +238,8 @@ 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) {
@@ -228,18 +266,19 @@ 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();
       DOM.setTransform(element, "".concat(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();
       }
@@ -260,40 +299,49 @@ 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';
       }
@@ -302,10 +350,12 @@ 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 = DOM.create('div');
@@ -321,12 +371,14 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
         svg.appendChild(path);
         element.appendChild(svg);
       }
+
       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;
@@ -371,10 +423,12 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
       if (!this.mapsService || this.mapsService.version !== 'GAODE2.x') {
         return;
       }
+
       if (!isPC()) {
         if (e.type === 'touchstart') {
           this.touchStartTime = Date.now();
         }
+
         if (e.type === 'touchend' && Date.now() - this.touchStartTime < 300) {
           this.emit('click', {
             target: e,
@@ -383,22 +437,22 @@ 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) {
       throw new Error('Method not implemented.');
     }
   }]);
+
   return Marker;
 }(EventEmitter);
+
 export { Marker as default };