@antv/l7-component 2.9.37 → 2.10.1

package/lib/control/fullscreen.js

@@ -0,0 +1,164 @@
+"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);
+      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,154 @@
+"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 _lodash = require("lodash");
+
+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);
+    (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 (!(0, _lodash.isNaN)(longitude) && !(0, _lodash.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;
+    }
+    /**
+     * 通过浏览器 API 获取当前所在经纬度
+     */
+
+  }]);
+  return GeoLocate;
+}(_buttonControl.default);
+
+exports.default = exports.GeoLocate = GeoLocate;

package/lib/control/layerSwitch.js

@@ -0,0 +1,183 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LayerSwitch = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+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 _selectControl = _interopRequireDefault(require("./baseControl/selectControl"));
+
+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 LayerSwitch = /*#__PURE__*/function (_SelectControl) {
+  (0, _inherits2.default)(LayerSwitch, _SelectControl);
+
+  var _super = _createSuper(LayerSwitch);
+
+  function LayerSwitch() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, LayerSwitch);
+
+    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), "onLayerChange", function () {
+      var _this$controlOption$l;
+
+      if ((_this$controlOption$l = _this.controlOption.layers) !== null && _this$controlOption$l !== void 0 && _this$controlOption$l.length) {
+        return;
+      }
+
+      _this.selectValue = _this.getLayerVisible();
+
+      _this.setOptions({
+        options: _this.getLayerOptions()
+      });
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onLayerVisibleChane", function () {
+      _this.setSelectValue(_this.getLayerVisible());
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onSelectChange", function () {
+      _this.layers.forEach(function (layer) {
+        var needShow = _this.selectValue.includes(layer.name);
+
+        var isShow = layer.isVisible();
+
+        if (needShow && !isShow) {
+          layer.show();
+        }
+
+        if (!needShow && isShow) {
+          layer.hide();
+        }
+      });
+    });
+    return _this;
+  }
+
+  (0, _createClass2.default)(LayerSwitch, [{
+    key: "layers",
+    get: function get() {
+      var layerService = this.layerService;
+      var layers = this.controlOption.layers;
+
+      if (Array.isArray(layers) && layers.length) {
+        var layerInstances = [];
+        layers.forEach(function (layer) {
+          if (layer instanceof Object) {
+            layerInstances.push(layer);
+          }
+
+          if (typeof layer === 'string') {
+            var targetLayer = layerService.getLayer(layer) || layerService.getLayerByName(layer);
+
+            if (targetLayer) {
+              layerInstances.push(targetLayer);
+            }
+          }
+        });
+        return layerInstances;
+      }
+
+      return layerService.getLayers() || [];
+    }
+  }, {
+    key: "getDefault",
+    value: function getDefault(option) {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _get2.default)((0, _getPrototypeOf2.default)(LayerSwitch.prototype), "getDefault", this).call(this, option)), {}, {
+        title: '图层控制',
+        btnIcon: (0, _icon.createL7Icon)('l7-icon-layer'),
+        options: []
+      });
+    }
+  }, {
+    key: "getLayerVisible",
+    value: function getLayerVisible() {
+      return this.layers.filter(function (layer) {
+        return layer.isVisible();
+      }).map(function (layer) {
+        return layer.name;
+      });
+    }
+  }, {
+    key: "getLayerOptions",
+    value: function getLayerOptions() {
+      return this.layers.map(function (layer) {
+        return {
+          text: layer.name,
+          value: layer.name
+        };
+      });
+    }
+  }, {
+    key: "setOptions",
+    value: function setOptions(option) {
+      var isLayerChange = this.checkUpdateOption(option, ['layers']);
+      (0, _get2.default)((0, _getPrototypeOf2.default)(LayerSwitch.prototype), "setOptions", this).call(this, option);
+
+      if (isLayerChange) {
+        this.selectValue = this.getLayerVisible();
+        this.controlOption.options = this.getLayerOptions();
+        this.popper.setContent(this.getPopperContent(this.controlOption.options));
+      }
+    }
+  }, {
+    key: "onAdd",
+    value: function onAdd() {
+      var _this$controlOption$o;
+
+      if (!((_this$controlOption$o = this.controlOption.options) !== null && _this$controlOption$o !== void 0 && _this$controlOption$o.length)) {
+        this.controlOption.options = this.getLayerOptions();
+      }
+
+      if (!this.controlOption.defaultValue) {
+        this.controlOption.defaultValue = this.getLayerVisible();
+      }
+
+      this.on('selectChange', this.onSelectChange);
+      this.layerService.on('layerChange', this.onLayerChange);
+      return (0, _get2.default)((0, _getPrototypeOf2.default)(LayerSwitch.prototype), "onAdd", this).call(this);
+    }
+  }, {
+    key: "onRemove",
+    value: function onRemove() {
+      this.off('selectChange', this.onSelectChange);
+      this.layerService.off('layerChange', this.onLayerChange);
+    }
+  }, {
+    key: "getIsMultiple",
+    value: function getIsMultiple() {
+      return true;
+    }
+  }]);
+  return LayerSwitch;
+}(_selectControl.default);
+
+exports.default = exports.LayerSwitch = LayerSwitch;

package/lib/control/logo.js

@@ -2,17 +2,17 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.Logo = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -21,11 +21,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _l7Utils = require("@antv/l7-utils");
 
-var _BaseControl = _interopRequireWildcard(require("./BaseControl"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _baseControl = require("./baseControl");
 
 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); }; }
 
@@ -45,25 +41,18 @@ var Logo = /*#__PURE__*/function (_Control) {
     key: "getDefault",
     value: function getDefault() {
       return {
-        position: _BaseControl.PositionType.BOTTOMLEFT,
-        name: 'logo'
+        position: _baseControl.PositionType.BOTTOMLEFT,
+        name: 'logo',
+        href: 'https://l7.antv.vision/',
+        img: 'https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*GRb1TKp4HcMAAAAAAAAAAAAAARQnAQ'
       };
     }
   }, {
     key: "onAdd",
     value: function onAdd() {
-      var className = 'l7-control-logo';
-
-      var container = _l7Utils.DOM.create('div', className);
-
-      var anchor = _l7Utils.DOM.create('a', 'l7-ctrl-logo');
+      var container = _l7Utils.DOM.create('div', 'l7-control-logo');
 
-      anchor.target = '_blank';
-      anchor.rel = 'noopener nofollow';
-      anchor.href = 'https://antv.alipay.com/l7';
-      anchor.setAttribute('aria-label', 'AntV logo');
-      anchor.setAttribute('rel', 'noopener nofollow');
-      container.appendChild(anchor);
+      this.setLogoContent(container);
       return container;
     }
   }, {
@@ -71,8 +60,46 @@ var Logo = /*#__PURE__*/function (_Control) {
     value: function onRemove() {
       return null;
     }
+  }, {
+    key: "setOptions",
+    value: function setOptions(option) {
+      (0, _get2.default)((0, _getPrototypeOf2.default)(Logo.prototype), "setOptions", this).call(this, option);
+
+      if (this.checkUpdateOption(option, ['img', 'href'])) {
+        _l7Utils.DOM.clearChildren(this.container);
+
+        this.setLogoContent(this.container);
+      }
+    }
+  }, {
+    key: "setLogoContent",
+    value: function setLogoContent(container) {
+      var _this$controlOption = this.controlOption,
+          href = _this$controlOption.href,
+          img = _this$controlOption.img;
+
+      var imgDOM = _l7Utils.DOM.create('img');
+
+      imgDOM.setAttribute('src', img);
+      imgDOM.setAttribute('aria-label', 'AntV logo');
+
+      _l7Utils.DOM.setUnDraggable(imgDOM);
+
+      if (href) {
+        var anchorDOM = _l7Utils.DOM.create('a', 'l7-control-logo-link');
+
+        anchorDOM.target = '_blank';
+        anchorDOM.href = href;
+        anchorDOM.rel = 'noopener nofollow';
+        anchorDOM.setAttribute('rel', 'noopener nofollow');
+        anchorDOM.appendChild(imgDOM);
+        container.appendChild(anchorDOM);
+      } else {
+        container.appendChild(imgDOM);
+      }
+    }
   }]);
   return Logo;
-}(_BaseControl.default);
+}(_baseControl.Control);
 
-exports.default = Logo;
+exports.default = exports.Logo = Logo;