@antv/l7-component 2.21.0 → 2.21.2

package/lib/control/exportImage.js

@@ -5,157 +5,76 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ExportImage = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-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 _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-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 _icon = require("../utils/icon");
 var _buttonControl = _interopRequireDefault(require("./baseControl/buttonControl"));
-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 ExportImage = exports.default = exports.ExportImage = /*#__PURE__*/function (_ButtonControl) {
-  (0, _inherits2.default)(ExportImage, _ButtonControl);
-  var _super = _createSuper(ExportImage);
-  function ExportImage() {
+class ExportImage extends _buttonControl.default {
+  constructor(...args) {
     var _this;
-    (0, _classCallCheck2.default)(this, ExportImage);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClick", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-      var onExport;
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            onExport = _this.controlOption.onExport;
-            _context.t0 = onExport === null || onExport === void 0;
-            if (_context.t0) {
-              _context.next = 8;
-              break;
-            }
-            _context.t1 = onExport;
-            _context.next = 6;
-            return _this.getImage();
-          case 6:
-            _context.t2 = _context.sent;
-            (0, _context.t1)(_context.t2);
-          case 8:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    })));
+    super(...args);
+    _this = this;
+    (0, _defineProperty2.default)(this, "onClick", /*#__PURE__*/(0, _asyncToGenerator2.default)(function* () {
+      const {
+        onExport
+      } = _this.controlOption;
+      onExport === null || onExport === void 0 || onExport(yield _this.getImage());
+    }));
     /**
      * 将多张图片合并为一张图片
      * @protected
      * @param base64List
      */
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "mergeImage", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+    (0, _defineProperty2.default)(this, "mergeImage", /*#__PURE__*/(0, _asyncToGenerator2.default)(function* (...base64List) {
       var _this$mapsService$get, _this$mapsService$get2;
-      var imageType,
-        _ref3,
-        _ref3$width,
-        width,
-        _ref3$height,
-        height,
-        canvas,
-        context,
-        _len2,
-        base64List,
-        _key2,
-        imgList,
-        _args2 = arguments;
-      return _regenerator.default.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            imageType = _this.controlOption.imageType;
-            _ref3 = (_this$mapsService$get = (_this$mapsService$get2 = _this.mapsService.getContainer()) === null || _this$mapsService$get2 === void 0 ? void 0 : _this$mapsService$get2.getBoundingClientRect()) !== null && _this$mapsService$get !== void 0 ? _this$mapsService$get : {}, _ref3$width = _ref3.width, width = _ref3$width === void 0 ? 0 : _ref3$width, _ref3$height = _ref3.height, height = _ref3$height === void 0 ? 0 : _ref3$height;
-            canvas = document.createElement('canvas');
-            canvas.width = width;
-            canvas.height = height;
-            context = canvas.getContext('2d');
-            for (_len2 = _args2.length, base64List = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-              base64List[_key2] = _args2[_key2];
-            }
-            _context2.next = 9;
-            return Promise.all(base64List.map(function (base64) {
-              return new Promise(function (resolve) {
-                var img = new Image();
-                img.onload = function () {
-                  resolve(img);
-                };
-                img.src = base64;
-              });
-            }));
-          case 9:
-            imgList = _context2.sent;
-            imgList.forEach(function (img) {
-              context === null || context === void 0 || context.drawImage(img, 0, 0, width, height);
-            });
-            return _context2.abrupt("return", canvas.toDataURL("image/".concat(imageType)));
-          case 12:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    })));
-    return _this;
-  }
-  (0, _createClass2.default)(ExportImage, [{
-    key: "onAdd",
-    value: function onAdd() {
-      var button = (0, _get2.default)((0, _getPrototypeOf2.default)(ExportImage.prototype), "onAdd", this).call(this);
-      button.addEventListener('click', this.onClick);
-      return button;
-    }
-  }, {
-    key: "getDefault",
-    value: function getDefault(option) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _get2.default)((0, _getPrototypeOf2.default)(ExportImage.prototype), "getDefault", this).call(this, option)), {}, {
-        title: '导出图片',
-        btnIcon: (0, _icon.createL7Icon)('l7-icon-export-picture'),
-        imageType: 'png'
-      });
-    }
-  }, {
-    key: "getImage",
-    value: function () {
-      var _getImage = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
-        var mapImage, layerImage;
-        return _regenerator.default.wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              _context3.next = 2;
-              return this.mapsService.exportMap('png');
-            case 2:
-              mapImage = _context3.sent;
-              _context3.next = 5;
-              return this.scene.exportPng('png');
-            case 5:
-              layerImage = _context3.sent;
-              return _context3.abrupt("return", this.mergeImage.apply(this, (0, _toConsumableArray2.default)([mapImage, layerImage].filter(function (base64) {
-                return base64;
-              }))));
-            case 7:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3, this);
+      const {
+        imageType
+      } = _this.controlOption;
+      const {
+        width = 0,
+        height = 0
+      } = (_this$mapsService$get = (_this$mapsService$get2 = _this.mapsService.getContainer()) === null || _this$mapsService$get2 === void 0 ? void 0 : _this$mapsService$get2.getBoundingClientRect()) !== null && _this$mapsService$get !== void 0 ? _this$mapsService$get : {};
+      const canvas = document.createElement('canvas');
+      canvas.width = width;
+      canvas.height = height;
+      const context = canvas.getContext('2d');
+      const imgList = yield Promise.all(base64List.map(base64 => {
+        return new Promise(resolve => {
+          const img = new Image();
+          img.onload = () => {
+            resolve(img);
+          };
+          img.src = base64;
+        });
       }));
-      function getImage() {
-        return _getImage.apply(this, arguments);
-      }
-      return getImage;
-    }()
-  }]);
-  return ExportImage;
-}(_buttonControl.default);
+      imgList.forEach(img => {
+        context === null || context === void 0 || context.drawImage(img, 0, 0, width, height);
+      });
+      return canvas.toDataURL(`image/${imageType}`);
+    }));
+  }
+  onAdd() {
+    const button = super.onAdd();
+    button.addEventListener('click', this.onClick);
+    return button;
+  }
+  getDefault(option) {
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, super.getDefault(option)), {}, {
+      title: '导出图片',
+      btnIcon: (0, _icon.createL7Icon)('l7-icon-export-picture'),
+      imageType: 'png'
+    });
+  }
+  getImage() {
+    var _this2 = this;
+    return (0, _asyncToGenerator2.default)(function* () {
+      const mapImage = yield _this2.mapsService.exportMap('png');
+      const layerImage = yield _this2.scene.exportPng('png');
+      return _this2.mergeImage(
+      // 在 Map 底图模式下 mapImage 为 undefined
+      ...[mapImage, layerImage].filter(base64 => base64));
+    })();
+  }
+}
+exports.default = exports.ExportImage = ExportImage;

package/lib/control/fullscreen.d.ts

@@ -0,0 +1,20 @@
+import type { IButtonControlOption } from './baseControl/buttonControl';
+import ButtonControl from './baseControl/buttonControl';
+export interface IFullscreenControlOption extends IButtonControlOption {
+    exitBtnText: IButtonControlOption['btnText'];
+    exitBtnIcon: IButtonControlOption['btnIcon'];
+    exitTitle: IButtonControlOption['title'];
+}
+export { Fullscreen };
+export default class Fullscreen extends ButtonControl<IFullscreenControlOption> {
+    protected isFullscreen: boolean;
+    protected mapContainer: HTMLElement;
+    constructor(option?: Partial<IFullscreenControlOption>);
+    setOptions(newOptions: Partial<IFullscreenControlOption>): void;
+    onAdd(): HTMLElement;
+    onRemove(): void;
+    getDefault(option?: Partial<IFullscreenControlOption>): IFullscreenControlOption;
+    toggleFullscreen: () => Promise<void>;
+    protected onClick: () => void;
+    protected onFullscreenChange: () => void;
+}

package/lib/control/fullscreen.js

@@ -5,120 +5,91 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Fullscreen = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-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 _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-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 _l7Utils = require("@antv/l7-utils");
 var _icon = require("../utils/icon");
 var _screenfull = _interopRequireDefault(require("../utils/screenfull"));
 var _buttonControl = _interopRequireDefault(require("./baseControl/buttonControl"));
-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 Fullscreen = exports.default = exports.Fullscreen = /*#__PURE__*/function (_ButtonControl) {
-  (0, _inherits2.default)(Fullscreen, _ButtonControl);
-  var _super = _createSuper(Fullscreen);
-  function Fullscreen(option) {
+class Fullscreen extends _buttonControl.default {
+  constructor(option) {
     var _this;
-    (0, _classCallCheck2.default)(this, Fullscreen);
-    _this = _super.call(this, option);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isFullscreen", false);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "toggleFullscreen", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (!_screenfull.default.isEnabled) {
-              _context.next = 3;
-              break;
-            }
-            _context.next = 3;
-            return _screenfull.default.toggle(_this.mapContainer);
-          case 3:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    })));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClick", function () {
-      _this.toggleFullscreen();
+    super(option);
+    _this = this;
+    (0, _defineProperty2.default)(this, "isFullscreen", false);
+    (0, _defineProperty2.default)(this, "mapContainer", void 0);
+    (0, _defineProperty2.default)(this, "toggleFullscreen", /*#__PURE__*/(0, _asyncToGenerator2.default)(function* () {
+      if (_screenfull.default.isEnabled) {
+        yield _screenfull.default.toggle(_this.mapContainer);
+      }
+    }));
+    (0, _defineProperty2.default)(this, "onClick", () => {
+      this.toggleFullscreen();
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFullscreenChange", function () {
-      _this.isFullscreen = !!document.fullscreenElement;
-      var _this$controlOption = _this.controlOption,
-        btnText = _this$controlOption.btnText,
-        btnIcon = _this$controlOption.btnIcon,
-        title = _this$controlOption.title,
-        exitBtnText = _this$controlOption.exitBtnText,
-        exitBtnIcon = _this$controlOption.exitBtnIcon,
-        exitTitle = _this$controlOption.exitTitle;
-      if (_this.isFullscreen) {
-        _this.setBtnTitle(exitTitle);
-        _this.setBtnText(exitBtnText);
-        _this.setBtnIcon(exitBtnIcon);
+    (0, _defineProperty2.default)(this, "onFullscreenChange", () => {
+      this.isFullscreen = !!document.fullscreenElement;
+      const {
+        btnText,
+        btnIcon,
+        title,
+        exitBtnText,
+        exitBtnIcon,
+        exitTitle
+      } = this.controlOption;
+      if (this.isFullscreen) {
+        this.setBtnTitle(exitTitle);
+        this.setBtnText(exitBtnText);
+        this.setBtnIcon(exitBtnIcon);
       } else {
-        _this.setBtnTitle(title);
-        _this.setBtnText(btnText);
-        _this.setBtnIcon(btnIcon);
+        this.setBtnTitle(title);
+        this.setBtnText(btnText);
+        this.setBtnIcon(btnIcon);
       }
-      _this.emit('fullscreenChange', _this.isFullscreen);
+      this.emit('fullscreenChange', this.isFullscreen);
     });
     if (!_screenfull.default.isEnabled) {
       console.warn('当前浏览器环境不支持对地图全屏化');
     }
-    return _this;
   }
-  (0, _createClass2.default)(Fullscreen, [{
-    key: "setOptions",
-    value: function setOptions(newOptions) {
-      var exitBtnText = newOptions.exitBtnText,
-        exitBtnIcon = newOptions.exitBtnIcon,
-        exitTitle = newOptions.exitTitle;
-      if (this.isFullscreen) {
-        if (this.checkUpdateOption(newOptions, ['exitBtnIcon'])) {
-          this.setBtnIcon(exitBtnIcon);
-        }
-        if (this.checkUpdateOption(newOptions, ['exitBtnText'])) {
-          this.setBtnText(exitBtnText);
-        }
-        if (this.checkUpdateOption(newOptions, ['exitTitle'])) {
-          this.setBtnTitle(exitTitle);
-        }
+  setOptions(newOptions) {
+    const {
+      exitBtnText,
+      exitBtnIcon,
+      exitTitle
+    } = newOptions;
+    if (this.isFullscreen) {
+      if (this.checkUpdateOption(newOptions, ['exitBtnIcon'])) {
+        this.setBtnIcon(exitBtnIcon);
+      }
+      if (this.checkUpdateOption(newOptions, ['exitBtnText'])) {
+        this.setBtnText(exitBtnText);
+      }
+      if (this.checkUpdateOption(newOptions, ['exitTitle'])) {
+        this.setBtnTitle(exitTitle);
       }
-      (0, _get2.default)((0, _getPrototypeOf2.default)(Fullscreen.prototype), "setOptions", this).call(this, newOptions);
-    }
-  }, {
-    key: "onAdd",
-    value: function onAdd() {
-      var button = (0, _get2.default)((0, _getPrototypeOf2.default)(Fullscreen.prototype), "onAdd", this).call(this);
-      button.addEventListener('click', this.onClick);
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      this.mapContainer = _l7Utils.DOM.getContainer(this.scene.getSceneConfig().id);
-      this.mapContainer.addEventListener('fullscreenchange', this.onFullscreenChange);
-      return button;
-    }
-  }, {
-    key: "onRemove",
-    value: function onRemove() {
-      (0, _get2.default)((0, _getPrototypeOf2.default)(Fullscreen.prototype), "onRemove", this).call(this);
-      this.mapContainer.removeEventListener('fullscreenchange', this.onFullscreenChange);
-    }
-  }, {
-    key: "getDefault",
-    value: function getDefault(option) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _get2.default)((0, _getPrototypeOf2.default)(Fullscreen.prototype), "getDefault", this).call(this, option)), {}, {
-        title: '全屏',
-        btnIcon: (0, _icon.createL7Icon)('l7-icon-fullscreen'),
-        exitTitle: '退出全屏',
-        exitBtnIcon: (0, _icon.createL7Icon)('l7-icon-exit-fullscreen')
-      });
     }
-  }]);
-  return Fullscreen;
-}(_buttonControl.default);
+    super.setOptions(newOptions);
+  }
+  onAdd() {
+    const button = super.onAdd();
+    button.addEventListener('click', this.onClick);
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    this.mapContainer = _l7Utils.DOM.getContainer(this.scene.getSceneConfig().id);
+    this.mapContainer.addEventListener('fullscreenchange', this.onFullscreenChange);
+    return button;
+  }
+  onRemove() {
+    super.onRemove();
+    this.mapContainer.removeEventListener('fullscreenchange', this.onFullscreenChange);
+  }
+  getDefault(option) {
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, super.getDefault(option)), {}, {
+      title: '全屏',
+      btnIcon: (0, _icon.createL7Icon)('l7-icon-fullscreen'),
+      exitTitle: '退出全屏',
+      exitBtnIcon: (0, _icon.createL7Icon)('l7-icon-exit-fullscreen')
+    });
+  }
+}
+exports.default = exports.Fullscreen = Fullscreen;

package/lib/control/geoLocate.d.ts

@@ -0,0 +1,17 @@
+import type { Point } from '@antv/l7-core';
+import type { IButtonControlOption } from './baseControl/buttonControl';
+import ButtonControl from './baseControl/buttonControl';
+export interface IGeoLocateOption extends IButtonControlOption {
+    transform: (position: Point) => Point | Promise<Point>;
+}
+export { GeoLocate };
+export default class GeoLocate extends ButtonControl<IGeoLocateOption> {
+    constructor(option?: Partial<IGeoLocateOption>);
+    getDefault(option?: Partial<IGeoLocateOption>): IGeoLocateOption;
+    onAdd(): HTMLElement;
+    /**
+     * 通过浏览器 API 获取当前所在经纬度
+     */
+    getGeoLocation: () => Promise<Point>;
+    onClick: () => Promise<void>;
+}

package/lib/control/geoLocate.js

@@ -5,108 +5,63 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.GeoLocate = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-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 _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-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 _icon = require("../utils/icon");
 var _buttonControl = _interopRequireDefault(require("./baseControl/buttonControl"));
-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 GeoLocate = exports.default = exports.GeoLocate = /*#__PURE__*/function (_ButtonControl) {
-  (0, _inherits2.default)(GeoLocate, _ButtonControl);
-  var _super = _createSuper(GeoLocate);
-  function GeoLocate(option) {
+class GeoLocate extends _buttonControl.default {
+  constructor(option) {
     var _this;
-    (0, _classCallCheck2.default)(this, GeoLocate);
-    _this = _super.call(this, option);
+    super(option);
+    _this = this;
     /**
      * 通过浏览器 API 获取当前所在经纬度
      */
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getGeoLocation", function () {
-      return new Promise(function (resolve, reject) {
-        window.navigator.geolocation.getCurrentPosition(function (_ref) {
-          var coords = _ref.coords;
-          var _ref2 = coords !== null && coords !== void 0 ? coords : {},
-            longitude = _ref2.longitude,
-            latitude = _ref2.latitude;
+    (0, _defineProperty2.default)(this, "getGeoLocation", () => {
+      return new Promise((resolve, reject) => {
+        window.navigator.geolocation.getCurrentPosition(({
+          coords
+        }) => {
+          const {
+            longitude,
+            latitude
+          } = coords !== null && coords !== void 0 ? coords : {};
           if (!isNaN(longitude) && !isNaN(latitude)) {
             resolve([longitude, latitude]);
           } else {
             reject();
           }
-        }, function (e) {
+        }, e => {
           reject(e);
         });
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClick", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-      var transform, position, currentZoom;
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (window.navigator.geolocation) {
-              _context.next = 2;
-              break;
-            }
-            return _context.abrupt("return");
-          case 2:
-            transform = _this.controlOption.transform;
-            _context.next = 5;
-            return _this.getGeoLocation();
-          case 5:
-            position = _context.sent;
-            currentZoom = _this.mapsService.getZoom();
-            _context.t0 = _this.mapsService;
-            _context.t1 = currentZoom > 15 ? currentZoom : 15;
-            if (!transform) {
-              _context.next = 15;
-              break;
-            }
-            _context.next = 12;
-            return transform(position);
-          case 12:
-            _context.t2 = _context.sent;
-            _context.next = 16;
-            break;
-          case 15:
-            _context.t2 = position;
-          case 16:
-            _context.t3 = _context.t2;
-            _context.t0.setZoomAndCenter.call(_context.t0, _context.t1, _context.t3);
-          case 18:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    })));
+    (0, _defineProperty2.default)(this, "onClick", /*#__PURE__*/(0, _asyncToGenerator2.default)(function* () {
+      if (!window.navigator.geolocation) {
+        return;
+      }
+      const {
+        transform
+      } = _this.controlOption;
+      const position = yield _this.getGeoLocation();
+      const currentZoom = _this.mapsService.getZoom();
+      _this.mapsService.setZoomAndCenter(currentZoom > 15 ? currentZoom : 15, transform ? yield transform(position) : position);
+    }));
     if (!window.navigator.geolocation) {
       console.warn('当前浏览器环境不支持获取地理定位');
     }
-    return _this;
   }
-  (0, _createClass2.default)(GeoLocate, [{
-    key: "getDefault",
-    value: function getDefault(option) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _get2.default)((0, _getPrototypeOf2.default)(GeoLocate.prototype), "getDefault", this).call(this, option)), {}, {
-        title: '定位',
-        btnIcon: (0, _icon.createL7Icon)('l7-icon-reposition')
-      });
-    }
-  }, {
-    key: "onAdd",
-    value: function onAdd() {
-      var button = (0, _get2.default)((0, _getPrototypeOf2.default)(GeoLocate.prototype), "onAdd", this).call(this);
-      button.addEventListener('click', this.onClick);
-      return button;
-    }
-  }]);
-  return GeoLocate;
-}(_buttonControl.default);
+  getDefault(option) {
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, super.getDefault(option)), {}, {
+      title: '定位',
+      btnIcon: (0, _icon.createL7Icon)('l7-icon-reposition')
+    });
+  }
+  onAdd() {
+    const button = super.onAdd();
+    button.addEventListener('click', this.onClick);
+    return button;
+  }
+}
+exports.default = exports.GeoLocate = GeoLocate;

package/lib/control/layerSwitch.d.ts

@@ -0,0 +1,27 @@
+import type { ILayer } from '@antv/l7-core';
+import type { ControlOptionItem, ISelectControlOption } from './baseControl/selectControl';
+import SelectControl from './baseControl/selectControl';
+export type LayerSwitchItem = {
+    layer: ILayer;
+    name?: string;
+    img?: string;
+};
+export interface ILayerSwitchOption extends ISelectControlOption {
+    layers: Array<ILayer | string | LayerSwitchItem>;
+    multiple: boolean;
+}
+export { LayerSwitch };
+export default class LayerSwitch extends SelectControl<ILayerSwitchOption> {
+    protected get layers(): ILayer[];
+    getDefault(option?: Partial<ILayerSwitchOption>): ILayerSwitchOption;
+    getLayerVisible(): string[];
+    getLayerOptions(): ControlOptionItem[];
+    setOptions(option: Partial<ILayerSwitchOption>): void;
+    private handleSingleSelection;
+    onAdd(): HTMLElement;
+    onRemove(): void;
+    protected onLayerChange: () => void;
+    protected onLayerVisibleChane: () => void;
+    protected onSelectChange: () => void;
+    protected getIsMultiple(): boolean;
+}