@antv/l7-component 2.18.2 → 2.19.0

package/lib/control/baseControl/selectControl.js

@@ -0,0 +1,210 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SelectControl = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+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 _popperControl = require("./popperControl");
+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 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) {
+  (0, _inherits2.default)(SelectControl, _PopperControl);
+  var _super = _createSuper(SelectControl);
+  function SelectControl() {
+    var _this;
+    (0, _classCallCheck2.default)(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
+     */
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectValue", []);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createNormalOption", function (option) {
+      var isSelect = _this.selectValue.includes(option.value);
+      var optionDOM = _l7Utils.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 = _l7Utils.DOM.create('span');
+      textDOM.innerText = option.text;
+      optionDOM.appendChild(textDOM);
+      return optionDOM;
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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((0, _toConsumableArray2.default)(_this.selectValue), [item.value]);
+        }
+      } else {
+        _this.selectValue = [item.value];
+      }
+      _this.setSelectValue(_this.selectValue);
+    });
+    return _this;
+  }
+  (0, _createClass2.default)(SelectControl, [{
+    key: "setOptions",
+    value:
+    /**
+     * 选项对应的 DOM 列表
+     * @protected
+     */
+
+    function setOptions(option) {
+      (0, _get2.default)((0, _getPrototypeOf2.default)(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 = (0, _get2.default)((0, _getPrototypeOf2.default)(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)) {
+          _l7Utils.DOM.addClass(optionDOM, SelectControlConstant.ActiveOptionClassName);
+          if (checkboxDOM) {
+            // @ts-ignore
+            _l7Utils.DOM.setChecked(checkboxDOM, true);
+          }
+        } else {
+          _l7Utils.DOM.removeClass(optionDOM, SelectControlConstant.ActiveOptionClassName);
+          if (checkboxDOM) {
+            // @ts-ignore
+            _l7Utils.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 = _l7Utils.DOM.create('div', isImageOptions ? 'l7-select-control--image' : 'l7-select-control--normal');
+      if (this.getIsMultiple()) {
+        _l7Utils.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, (0, _toConsumableArray2.default)(optionsDOMList));
+      this.optionDOMList = optionsDOMList;
+      return content;
+    }
+  }, {
+    key: "createImageOption",
+    value: function createImageOption(option) {
+      var isSelect = this.selectValue.includes(option.value);
+      var optionDOM = _l7Utils.DOM.create('div', "l7-select-control-item ".concat(isSelect ? SelectControlConstant.ActiveOptionClassName : ''));
+      var imgDOM = _l7Utils.DOM.create('img');
+      imgDOM.setAttribute('src', option.img);
+      _l7Utils.DOM.setUnDraggable(imgDOM);
+      optionDOM.appendChild(imgDOM);
+      var rowDOM = _l7Utils.DOM.create('div', 'l7-select-control-item-row');
+      if (this.getIsMultiple()) {
+        optionDOM.appendChild(this.createCheckbox(isSelect));
+      }
+      var textDOM = _l7Utils.DOM.create('span');
+      textDOM.innerText = option.text;
+      rowDOM.appendChild(textDOM);
+      optionDOM.appendChild(rowDOM);
+      return optionDOM;
+    }
+  }, {
+    key: "createCheckbox",
+    value: function createCheckbox(isSelect) {
+      var checkboxDOM = _l7Utils.DOM.create('input');
+      checkboxDOM.setAttribute('type', 'checkbox');
+      if (isSelect) {
+        _l7Utils.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.PopperControl);
+exports.default = exports.SelectControl = SelectControl;

package/lib/control/exportImage.js

@@ -0,0 +1,165 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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 = /*#__PURE__*/function (_ButtonControl) {
+  (0, _inherits2.default)(ExportImage, _ButtonControl);
+  var _super = _createSuper(ExportImage);
+  function ExportImage() {
+    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;
+            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
+     */
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "mergeImage", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.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 _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 ? 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);
+      }));
+      function getImage() {
+        return _getImage.apply(this, arguments);
+      }
+      return getImage;
+    }()
+  }]);
+  return ExportImage;
+}(_buttonControl.default);
+exports.default = exports.ExportImage = ExportImage;

package/lib/control/fullscreen.js

@@ -0,0 +1,125 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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 = /*#__PURE__*/function (_ButtonControl) {
+  (0, _inherits2.default)(Fullscreen, _ButtonControl);
+  var _super = _createSuper(Fullscreen);
+  function Fullscreen(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();
+    });
+    (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);
+      } else {
+        _this.setBtnTitle(title);
+        _this.setBtnText(btnText);
+        _this.setBtnIcon(btnIcon);
+      }
+      _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);
+        }
+      }
+      (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);
+exports.default = exports.Fullscreen = Fullscreen;

package/lib/control/geoLocate.js

@@ -0,0 +1,113 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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 = /*#__PURE__*/function (_ButtonControl) {
+  (0, _inherits2.default)(GeoLocate, _ButtonControl);
+  var _super = _createSuper(GeoLocate);
+  function GeoLocate(option) {
+    var _this;
+    (0, _classCallCheck2.default)(this, GeoLocate);
+    _this = _super.call(this, option);
+    /**
+     * 通过浏览器 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;
+          if (!isNaN(longitude) && !isNaN(latitude)) {
+            resolve([longitude, latitude]);
+          } else {
+            reject();
+          }
+        }, function (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);
+    })));
+    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);
+exports.default = exports.GeoLocate = GeoLocate;