@antv/l7-component 2.15.2 → 2.15.4

package/es/marker.js

@@ -6,51 +6,37 @@ 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, isiOS, isPC } from '@antv/l7-utils';
+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",
@@ -71,12 +57,11 @@ 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');
@@ -91,37 +76,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) {
         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;
     }
@@ -139,20 +117,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) {
         DOM.remove(element);
       }
-
       this.markerOption.element = el;
       this.init();
       this.mapsService.getMarkerContainer().appendChild(el);
@@ -164,61 +138,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()) {
@@ -226,7 +188,6 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
       } else {
         popup.addTo(this.scene);
       }
-
       return this;
     }
   }, {
@@ -238,8 +199,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) {
@@ -266,19 +228,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();
       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();
       }
@@ -299,49 +260,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';
       }
@@ -350,12 +302,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 = DOM.create('div');
@@ -371,14 +321,12 @@ 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;
@@ -423,12 +371,10 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
       if (!this.mapsService || this.mapsService.version !== 'GAODE2.x') {
         return;
       }
-
-      if (!isPC() && isiOS) {
+      if (!isPC()) {
         if (e.type === 'touchstart') {
           this.touchStartTime = Date.now();
         }
-
         if (e.type === 'touchend' && Date.now() - this.touchStartTime < 300) {
           this.emit('click', {
             target: e,
@@ -437,22 +383,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 };