@antv/l7-component 2.18.2 → 2.18.3

package/es/control/baseControl/selectControl.js

@@ -0,0 +1,204 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _get from "@babel/runtime/helpers/esm/get";
+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 { DOM } from '@antv/l7-utils';
+import { PopperControl } from "./popperControl";
+export { SelectControl };
+var SelectControlConstant = /*#__PURE__*/function (SelectControlConstant) {
+  SelectControlConstant["ActiveOptionClassName"] = "l7-select-control-item-active";
+  SelectControlConstant["OptionValueAttrKey"] = "data-option-value";
+  SelectControlConstant["OptionIndexAttrKey"] = "data-option-index";
+  return SelectControlConstant;
+}(SelectControlConstant || {});
+var SelectControl = /*#__PURE__*/function (_PopperControl) {
+  _inherits(SelectControl, _PopperControl);
+  var _super = _createSuper(SelectControl);
+  function SelectControl() {
+    var _this;
+    _classCallCheck(this, SelectControl);
+    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));
+    /**
+     * 当前选中的值
+     * @protected
+     */
+    _defineProperty(_assertThisInitialized(_this), "selectValue", []);
+    _defineProperty(_assertThisInitialized(_this), "createNormalOption", function (option) {
+      var isSelect = _this.selectValue.includes(option.value);
+      var optionDOM = DOM.create('div', "l7-select-control-item ".concat(isSelect ? SelectControlConstant.ActiveOptionClassName : ''));
+      if (_this.getIsMultiple()) {
+        optionDOM.appendChild(_this.createCheckbox(isSelect));
+      }
+      if (option.icon) {
+        optionDOM.appendChild(option.icon);
+      }
+      var textDOM = DOM.create('span');
+      textDOM.innerText = option.text;
+      optionDOM.appendChild(textDOM);
+      return optionDOM;
+    });
+    _defineProperty(_assertThisInitialized(_this), "onItemClick", function (item) {
+      if (_this.getIsMultiple()) {
+        var targetIndex = _this.selectValue.findIndex(function (value) {
+          return value === item.value;
+        });
+        if (targetIndex > -1) {
+          _this.selectValue.splice(targetIndex, 1);
+        } else {
+          _this.selectValue = [].concat(_toConsumableArray(_this.selectValue), [item.value]);
+        }
+      } else {
+        _this.selectValue = [item.value];
+      }
+      _this.setSelectValue(_this.selectValue);
+    });
+    return _this;
+  }
+  _createClass(SelectControl, [{
+    key: "setOptions",
+    value:
+    /**
+     * 选项对应的 DOM 列表
+     * @protected
+     */
+
+    function setOptions(option) {
+      _get(_getPrototypeOf(SelectControl.prototype), "setOptions", this).call(this, option);
+      var options = option.options;
+      if (options) {
+        this.popper.setContent(this.getPopperContent(options));
+      }
+    }
+  }, {
+    key: "onAdd",
+    value: function onAdd() {
+      var button = _get(_getPrototypeOf(SelectControl.prototype), "onAdd", this).call(this);
+      var defaultValue = this.controlOption.defaultValue;
+      if (defaultValue) {
+        this.selectValue = this.transSelectValue(defaultValue);
+      }
+      this.popper.setContent(this.getPopperContent(this.controlOption.options));
+      return button;
+    }
+  }, {
+    key: "getSelectValue",
+    value: function getSelectValue() {
+      return this.getIsMultiple() ? this.selectValue : this.selectValue[0];
+    }
+  }, {
+    key: "setSelectValue",
+    value: function setSelectValue(value) {
+      var _this2 = this;
+      var emitEvent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      var finalValue = this.transSelectValue(value);
+      this.optionDOMList.forEach(function (optionDOM) {
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        var optionValue = optionDOM.getAttribute(SelectControlConstant.OptionValueAttrKey);
+        var checkboxDOM = _this2.getIsMultiple() ? optionDOM.querySelector('input[type=checkbox]') : undefined;
+        if (finalValue.includes(optionValue)) {
+          DOM.addClass(optionDOM, SelectControlConstant.ActiveOptionClassName);
+          if (checkboxDOM) {
+            // @ts-ignore
+            DOM.setChecked(checkboxDOM, true);
+          }
+        } else {
+          DOM.removeClass(optionDOM, SelectControlConstant.ActiveOptionClassName);
+          if (checkboxDOM) {
+            // @ts-ignore
+            DOM.setChecked(checkboxDOM, false);
+          }
+        }
+      });
+      this.selectValue = finalValue;
+      if (emitEvent) {
+        this.emit('selectChange', this.getIsMultiple() ? finalValue : finalValue[0]);
+      }
+    }
+
+    /**
+     * 是否为多选
+     * @protected
+     */
+  }, {
+    key: "getIsMultiple",
+    value: function getIsMultiple() {
+      return false;
+    }
+  }, {
+    key: "getPopperContent",
+    value: function getPopperContent(options) {
+      var _this3 = this;
+      var isImageOptions = this.isImageOptions();
+      var content = DOM.create('div', isImageOptions ? 'l7-select-control--image' : 'l7-select-control--normal');
+      if (this.getIsMultiple()) {
+        DOM.addClass(content, 'l7-select-control--multiple');
+      }
+      var optionsDOMList = options.map(function (option, optionIndex) {
+        var optionDOM = isImageOptions ?
+        // @ts-ignore
+        _this3.createImageOption(option) : _this3.createNormalOption(option);
+        optionDOM.setAttribute(SelectControlConstant.OptionValueAttrKey, option.value);
+        optionDOM.setAttribute(SelectControlConstant.OptionIndexAttrKey, window.String(optionIndex));
+        optionDOM.addEventListener('click', _this3.onItemClick.bind(_this3, option));
+        return optionDOM;
+      });
+      content.append.apply(content, _toConsumableArray(optionsDOMList));
+      this.optionDOMList = optionsDOMList;
+      return content;
+    }
+  }, {
+    key: "createImageOption",
+    value: function createImageOption(option) {
+      var isSelect = this.selectValue.includes(option.value);
+      var optionDOM = DOM.create('div', "l7-select-control-item ".concat(isSelect ? SelectControlConstant.ActiveOptionClassName : ''));
+      var imgDOM = DOM.create('img');
+      imgDOM.setAttribute('src', option.img);
+      DOM.setUnDraggable(imgDOM);
+      optionDOM.appendChild(imgDOM);
+      var rowDOM = DOM.create('div', 'l7-select-control-item-row');
+      if (this.getIsMultiple()) {
+        optionDOM.appendChild(this.createCheckbox(isSelect));
+      }
+      var textDOM = DOM.create('span');
+      textDOM.innerText = option.text;
+      rowDOM.appendChild(textDOM);
+      optionDOM.appendChild(rowDOM);
+      return optionDOM;
+    }
+  }, {
+    key: "createCheckbox",
+    value: function createCheckbox(isSelect) {
+      var checkboxDOM = DOM.create('input');
+      checkboxDOM.setAttribute('type', 'checkbox');
+      if (isSelect) {
+        DOM.setChecked(checkboxDOM, true);
+      }
+      return checkboxDOM;
+    }
+  }, {
+    key: "isImageOptions",
+    value: function isImageOptions() {
+      // @ts-ignore
+      return !!this.controlOption.options.find(function (item) {
+        return item.img;
+      });
+    }
+  }, {
+    key: "transSelectValue",
+    value: function transSelectValue(value) {
+      return Array.isArray(value) ? value : [value];
+    }
+  }]);
+  return SelectControl;
+}(PopperControl);
+export { SelectControl as default };

package/es/control/exportImage.d.ts

@@ -0,0 +1,18 @@
+import ButtonControl, { IButtonControlOption } from './baseControl/buttonControl';
+export interface IExportImageControlOption extends IButtonControlOption {
+    imageType: 'png' | 'jpeg';
+    onExport: (base64: string) => void;
+}
+export { ExportImage };
+export default class ExportImage extends ButtonControl<IExportImageControlOption> {
+    onAdd(): HTMLElement;
+    getDefault(option?: Partial<IExportImageControlOption>): IExportImageControlOption;
+    getImage(): Promise<string>;
+    protected onClick: () => Promise<void>;
+    /**
+     * 将多张图片合并为一张图片
+     * @protected
+     * @param base64List
+     */
+    protected mergeImage: (...base64List: string[]) => Promise<string>;
+}

package/es/control/exportImage.js

@@ -0,0 +1,159 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _get from "@babel/runtime/helpers/esm/get";
+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";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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 { createL7Icon } from "../utils/icon";
+import ButtonControl from "./baseControl/buttonControl";
+export { ExportImage };
+var ExportImage = /*#__PURE__*/function (_ButtonControl) {
+  _inherits(ExportImage, _ButtonControl);
+  var _super = _createSuper(ExportImage);
+  function ExportImage() {
+    var _this;
+    _classCallCheck(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));
+    _defineProperty(_assertThisInitialized(_this), "onClick", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var onExport;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            onExport = _this.controlOption.onExport;
+            if (!(onExport === null || onExport === void 0)) {
+              _context.next = 5;
+              break;
+            }
+            void 0;
+            _context.next = 10;
+            break;
+          case 5:
+            _context.t0 = onExport;
+            _context.next = 8;
+            return _this.getImage();
+          case 8:
+            _context.t1 = _context.sent;
+            (0, _context.t0)(_context.t1);
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    })));
+    /**
+     * 将多张图片合并为一张图片
+     * @protected
+     * @param base64List
+     */
+    _defineProperty(_assertThisInitialized(_this), "mergeImage", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      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 _regeneratorRuntime.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 ? 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;
+  }
+  _createClass(ExportImage, [{
+    key: "onAdd",
+    value: function onAdd() {
+      var button = _get(_getPrototypeOf(ExportImage.prototype), "onAdd", this).call(this);
+      button.addEventListener('click', this.onClick);
+      return button;
+    }
+  }, {
+    key: "getDefault",
+    value: function getDefault(option) {
+      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(ExportImage.prototype), "getDefault", this).call(this, option)), {}, {
+        title: '导出图片',
+        btnIcon: createL7Icon('l7-icon-export-picture'),
+        imageType: 'png'
+      });
+    }
+  }, {
+    key: "getImage",
+    value: function () {
+      var _getImage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+        var mapImage, layerImage;
+        return _regeneratorRuntime.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, _toConsumableArray([mapImage, layerImage].filter(function (base64) {
+                return base64;
+              }))));
+            case 7:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, this);
+      }));
+      function getImage() {
+        return _getImage.apply(this, arguments);
+      }
+      return getImage;
+    }()
+  }]);
+  return ExportImage;
+}(ButtonControl);
+export { ExportImage as default };

package/es/control/fullscreen.d.ts

@@ -0,0 +1,19 @@
+import ButtonControl, { IButtonControlOption } 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/es/control/fullscreen.js

@@ -0,0 +1,119 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _get from "@babel/runtime/helpers/esm/get";
+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";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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 { DOM } from '@antv/l7-utils';
+import { createL7Icon } from "../utils/icon";
+import ScreenFull from "../utils/screenfull";
+import ButtonControl from "./baseControl/buttonControl";
+export { Fullscreen };
+var Fullscreen = /*#__PURE__*/function (_ButtonControl) {
+  _inherits(Fullscreen, _ButtonControl);
+  var _super = _createSuper(Fullscreen);
+  function Fullscreen(option) {
+    var _this;
+    _classCallCheck(this, Fullscreen);
+    _this = _super.call(this, option);
+    _defineProperty(_assertThisInitialized(_this), "isFullscreen", false);
+    _defineProperty(_assertThisInitialized(_this), "toggleFullscreen", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!ScreenFull.isEnabled) {
+              _context.next = 3;
+              break;
+            }
+            _context.next = 3;
+            return ScreenFull.toggle(_this.mapContainer);
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    })));
+    _defineProperty(_assertThisInitialized(_this), "onClick", function () {
+      _this.toggleFullscreen();
+    });
+    _defineProperty(_assertThisInitialized(_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);
+      } else {
+        _this.setBtnTitle(title);
+        _this.setBtnText(btnText);
+        _this.setBtnIcon(btnIcon);
+      }
+      _this.emit('fullscreenChange', _this.isFullscreen);
+    });
+    if (!ScreenFull.isEnabled) {
+      console.warn('当前浏览器环境不支持对地图全屏化');
+    }
+    return _this;
+  }
+  _createClass(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);
+        }
+      }
+      _get(_getPrototypeOf(Fullscreen.prototype), "setOptions", this).call(this, newOptions);
+    }
+  }, {
+    key: "onAdd",
+    value: function onAdd() {
+      var button = _get(_getPrototypeOf(Fullscreen.prototype), "onAdd", this).call(this);
+      button.addEventListener('click', this.onClick);
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      this.mapContainer = DOM.getContainer(this.scene.getSceneConfig().id);
+      this.mapContainer.addEventListener('fullscreenchange', this.onFullscreenChange);
+      return button;
+    }
+  }, {
+    key: "onRemove",
+    value: function onRemove() {
+      _get(_getPrototypeOf(Fullscreen.prototype), "onRemove", this).call(this);
+      this.mapContainer.removeEventListener('fullscreenchange', this.onFullscreenChange);
+    }
+  }, {
+    key: "getDefault",
+    value: function getDefault(option) {
+      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(Fullscreen.prototype), "getDefault", this).call(this, option)), {}, {
+        title: '全屏',
+        btnIcon: createL7Icon('l7-icon-fullscreen'),
+        exitTitle: '退出全屏',
+        exitBtnIcon: createL7Icon('l7-icon-exit-fullscreen')
+      });
+    }
+  }]);
+  return Fullscreen;
+}(ButtonControl);
+export { Fullscreen as default };

package/es/control/geoLocate.d.ts

@@ -0,0 +1,16 @@
+import { Point } from '@antv/l7-core';
+import ButtonControl, { IButtonControlOption } 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/es/control/geoLocate.js

@@ -0,0 +1,107 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _get from "@babel/runtime/helpers/esm/get";
+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";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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 { createL7Icon } from "../utils/icon";
+import ButtonControl from "./baseControl/buttonControl";
+export { GeoLocate };
+var GeoLocate = /*#__PURE__*/function (_ButtonControl) {
+  _inherits(GeoLocate, _ButtonControl);
+  var _super = _createSuper(GeoLocate);
+  function GeoLocate(option) {
+    var _this;
+    _classCallCheck(this, GeoLocate);
+    _this = _super.call(this, option);
+    /**
+     * 通过浏览器 API 获取当前所在经纬度
+     */
+    _defineProperty(_assertThisInitialized(_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;
+          if (!isNaN(longitude) && !isNaN(latitude)) {
+            resolve([longitude, latitude]);
+          } else {
+            reject();
+          }
+        }, function (e) {
+          reject(e);
+        });
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "onClick", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var transform, position, currentZoom;
+      return _regeneratorRuntime.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);
+    })));
+    if (!window.navigator.geolocation) {
+      console.warn('当前浏览器环境不支持获取地理定位');
+    }
+    return _this;
+  }
+  _createClass(GeoLocate, [{
+    key: "getDefault",
+    value: function getDefault(option) {
+      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(GeoLocate.prototype), "getDefault", this).call(this, option)), {}, {
+        title: '定位',
+        btnIcon: createL7Icon('l7-icon-reposition')
+      });
+    }
+  }, {
+    key: "onAdd",
+    value: function onAdd() {
+      var button = _get(_getPrototypeOf(GeoLocate.prototype), "onAdd", this).call(this);
+      button.addEventListener('click', this.onClick);
+      return button;
+    }
+  }]);
+  return GeoLocate;
+}(ButtonControl);
+export { GeoLocate as default };

package/es/control/layerSwitch.d.ts

@@ -0,0 +1,19 @@
+import { ILayer } from '@antv/l7-core';
+import SelectControl, { ControlOptionItem, ISelectControlOption } from './baseControl/selectControl';
+export interface ILayerSwitchOption extends ISelectControlOption {
+    layers: Array<ILayer | string>;
+}
+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;
+    onAdd(): HTMLElement;
+    onRemove(): void;
+    protected onLayerChange: () => void;
+    protected onLayerVisibleChane: () => void;
+    protected onSelectChange: () => void;
+    protected getIsMultiple(): boolean;
+}