@antv/l7-component 2.5.37-mini3 → 2.5.40

package/es/control/layer.js

@@ -0,0 +1,355 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/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 { PositionType } from '@antv/l7-core';
+import { bindAll, DOM } from '@antv/l7-utils';
+import Control from './BaseControl';
+
+var Layers = function (_Control) {
+  _inherits(Layers, _Control);
+
+  var _super = _createSuper(Layers);
+
+  function Layers(cfg) {
+    var _this;
+
+    _classCallCheck(this, Layers);
+
+    _this = _super.call(this, cfg);
+
+    _defineProperty(_assertThisInitialized(_this), "layerControlInputs", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "layers", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "lastZIndex", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "handlingClick", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "layersLink", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "baseLayersList", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "separator", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "overlaysList", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "form", void 0);
+
+    _this.layerControlInputs = [];
+    _this.layers = [];
+    _this.lastZIndex = 0;
+    _this.handlingClick = false;
+
+    _this.initLayers();
+
+    bindAll(['checkDisabledLayers', 'onLayerChange', 'collapse', 'extend', 'expand', 'onInputClick'], _assertThisInitialized(_this));
+    return _this;
+  }
+
+  _createClass(Layers, [{
+    key: "getDefault",
+    value: function getDefault() {
+      return {
+        collapsed: true,
+        position: PositionType.TOPRIGHT,
+        autoZIndex: true,
+        hideSingleBase: false,
+        sortLayers: false,
+        name: 'layers'
+      };
+    }
+  }, {
+    key: "onAdd",
+    value: function onAdd() {
+      var _this2 = this;
+
+      this.initLayout();
+      this.update();
+      this.mapsService.on('zoomend', this.checkDisabledLayers);
+      this.layers.forEach(function (layerItem) {
+        layerItem.layer.on('remove', _this2.onLayerChange);
+        layerItem.layer.on('add', _this2.onLayerChange);
+      });
+      return this.container;
+    }
+  }, {
+    key: "addVisualLayer",
+    value: function addVisualLayer(layer, name) {
+      this.addLayer(layer, name, true);
+      return this.mapsService ? this.update() : this;
+    }
+  }, {
+    key: "expand",
+    value: function expand() {
+      var _this$renderService$g = this.renderService.getViewportSize(),
+          height = _this$renderService$g.height;
+
+      DOM.addClass(this.container, 'l7-control-layers-expanded');
+      this.form.style.height = 'null';
+      var acceptableHeight = height - (this.container.offsetTop + 50);
+
+      if (acceptableHeight < this.form.clientHeight) {
+        DOM.addClass(this.form, 'l7-control-layers-scrollbar');
+        this.form.style.height = acceptableHeight + 'px';
+      } else {
+        DOM.removeClass(this.form, 'l7-control-layers-scrollbar');
+      }
+
+      this.checkDisabledLayers();
+      return this;
+    }
+  }, {
+    key: "collapse",
+    value: function collapse() {
+      DOM.removeClass(this.container, 'l7-control-layers-expanded');
+      return this;
+    }
+  }, {
+    key: "onRemove",
+    value: function onRemove() {
+      var _this3 = this;
+
+      if (!this.mapsService) {
+        return;
+      }
+
+      this.mapsService.off('click', this.collapse);
+      this.layers.forEach(function (layerItem) {
+        layerItem.layer.off('remove', _this3.onLayerChange);
+        layerItem.layer.off('add', _this3.onLayerChange);
+      });
+    }
+  }, {
+    key: "initLayout",
+    value: function initLayout() {
+      var className = 'l7-control-layers';
+      var container = this.container = DOM.create('div', className);
+      var collapsed = this.controlOption.collapsed;
+      container.setAttribute('aria-haspopup', 'true');
+      var form = this.form = DOM.create('form', className + '-list');
+
+      if (collapsed) {
+        this.mapsService.on('click', this.collapse);
+        container.addEventListener('mouseenter', this.expand);
+        container.addEventListener('mouseleave', this.collapse);
+      }
+
+      this.layersLink = DOM.create('a', className + '-toggle', container);
+      var link = this.layersLink;
+      link.title = 'Layers';
+
+      if (!collapsed) {
+        this.expand();
+      }
+
+      this.baseLayersList = DOM.create('div', className + '-base', form);
+      this.separator = DOM.create('div', className + '-separator', form);
+      this.overlaysList = DOM.create('div', className + '-overlays', form);
+      container.appendChild(form);
+    }
+  }, {
+    key: "initLayers",
+    value: function initLayers() {
+      var _this4 = this;
+
+      var _this$controlOption = this.controlOption,
+          _this$controlOption$b = _this$controlOption.baseLayers,
+          baseLayers = _this$controlOption$b === void 0 ? {} : _this$controlOption$b,
+          _this$controlOption$o = _this$controlOption.overlayers,
+          overlayers = _this$controlOption$o === void 0 ? {} : _this$controlOption$o;
+      Object.keys(baseLayers).forEach(function (name, index) {
+        _this4.addLayer(baseLayers[name], name, false);
+      });
+      Object.keys(overlayers).forEach(function (name, index) {
+        _this4.addLayer(overlayers[name], name, true);
+      });
+    }
+  }, {
+    key: "update",
+    value: function update() {
+      if (!this.container) {
+        return this;
+      }
+
+      DOM.empty(this.baseLayersList);
+      DOM.empty(this.overlaysList);
+      this.layerControlInputs = [];
+      var baseLayersPresent;
+      var overlaysPresent;
+      var i;
+      var obj;
+      var baseLayersCount = 0;
+
+      for (i = 0; i < this.layers.length; i++) {
+        obj = this.layers[i];
+        this.addItem(obj);
+        overlaysPresent = overlaysPresent || obj.overlay;
+        baseLayersPresent = baseLayersPresent || !obj.overlay;
+        baseLayersCount += !obj.overlay ? 1 : 0;
+      }
+
+      if (this.controlOption.hideSingleBase) {
+        baseLayersPresent = baseLayersPresent && baseLayersCount > 1;
+        this.baseLayersList.style.display = baseLayersPresent ? '' : 'none';
+      }
+
+      this.separator.style.display = overlaysPresent && baseLayersPresent ? '' : 'none';
+      return this;
+    }
+  }, {
+    key: "checkDisabledLayers",
+    value: function checkDisabledLayers() {
+      var inputs = this.layerControlInputs;
+      var input;
+      var layer;
+      var zoom = this.mapsService.getZoom();
+
+      for (var i = inputs.length - 1; i >= 0; i--) {
+        input = inputs[i];
+        layer = this.layerService.getLayer(input.layerId);
+
+        if (layer && layer.inited) {
+          var minZoom = layer.getMinZoom();
+          var maxZoom = layer.getMaxZoom();
+          input.disabled = zoom < minZoom || zoom > maxZoom;
+        }
+      }
+    }
+  }, {
+    key: "addLayer",
+    value: function addLayer(layer, name, overlay) {
+      if (this.mapsService) {
+        layer.on('add', this.onLayerChange);
+        layer.on('remove', this.onLayerChange);
+      }
+
+      this.layers.push({
+        layer: layer,
+        name: name,
+        overlay: overlay
+      });
+      var _this$controlOption2 = this.controlOption,
+          sortLayers = _this$controlOption2.sortLayers,
+          sortFunction = _this$controlOption2.sortFunction,
+          autoZIndex = _this$controlOption2.autoZIndex;
+
+      if (sortLayers) {
+        this.layers.sort(function (a, b) {
+          return sortFunction(a.layer, b.layer, a.name, b.name);
+        });
+      }
+
+      if (autoZIndex && layer.setZIndex) {
+        this.lastZIndex++;
+        layer.setZIndex(this.lastZIndex);
+      }
+
+      this.expandIfNotCollapsed();
+    }
+  }, {
+    key: "expandIfNotCollapsed",
+    value: function expandIfNotCollapsed() {
+      if (this.mapsService && !this.controlOption.collapsed) {
+        this.expand();
+      }
+
+      return this;
+    }
+  }, {
+    key: "onLayerChange",
+    value: function onLayerChange(e) {
+      if (!this.handlingClick) {
+        this.update();
+      }
+
+      var obj = this.layerService.getLayer(e.target.layerId);
+      var type = obj !== null && obj !== void 0 && obj.overlay ? e.type === 'add' ? 'overlayadd' : 'overlayremove' : e.type === 'add' ? 'baselayerchange' : null;
+
+      if (type) {
+        this.emit(type, obj);
+      }
+    }
+  }, {
+    key: "createRadioElement",
+    value: function createRadioElement(name, checked) {
+      var radioHtml = '<input type="radio" class="l7-control-layers-selector" name="' + name + '"' + (checked ? ' checked="checked"' : '') + '/>';
+      var radioFragment = document.createElement('div');
+      radioFragment.innerHTML = radioHtml;
+      return radioFragment.firstChild;
+    }
+  }, {
+    key: "addItem",
+    value: function addItem(obj) {
+      var label = document.createElement('label');
+      var layer = this.layerService.getLayer(obj.layer.id);
+      var checked = layer && layer.inited && obj.layer.isVisible();
+      var input;
+
+      if (obj.overlay) {
+        input = document.createElement('input');
+        input.type = 'checkbox';
+        input.className = 'l7-control-layers-selector';
+        input.defaultChecked = checked;
+      } else {
+        input = this.createRadioElement('l7-base-layers', checked);
+      }
+
+      this.layerControlInputs.push(input);
+      input.layerId = obj.layer.id;
+      input.addEventListener('click', this.onInputClick);
+      var name = document.createElement('span');
+      name.innerHTML = ' ' + obj.name;
+      var holder = document.createElement('div');
+      label.appendChild(holder);
+      holder.appendChild(input);
+      holder.appendChild(name);
+      var container = obj.overlay ? this.overlaysList : this.baseLayersList;
+      container.appendChild(label);
+      this.checkDisabledLayers();
+      return label;
+    }
+  }, {
+    key: "onInputClick",
+    value: function onInputClick() {
+      var inputs = this.layerControlInputs;
+      var input;
+      var layer;
+      var addedLayers = [];
+      var removedLayers = [];
+      this.handlingClick = true;
+
+      for (var i = inputs.length - 1; i >= 0; i--) {
+        input = inputs[i];
+        layer = this.layerService.getLayer(input.layerId);
+
+        if (input.checked) {
+          addedLayers.push(layer);
+        } else if (!input.checked) {
+          removedLayers.push(layer);
+        }
+      }
+
+      removedLayers.forEach(function (l) {
+        l.hide();
+      });
+      addedLayers.forEach(function (l) {
+        l.show();
+      });
+      this.handlingClick = false;
+    }
+  }]);
+
+  return Layers;
+}(Control);
+
+export { Layers as default };
+//# sourceMappingURL=layer.js.map

package/es/control/layer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/control/layer.ts"],"names":["PositionType","bindAll","DOM","Control","Layers","cfg","layerControlInputs","layers","lastZIndex","handlingClick","initLayers","collapsed","position","TOPRIGHT","autoZIndex","hideSingleBase","sortLayers","name","initLayout","update","mapsService","on","checkDisabledLayers","forEach","layerItem","layer","onLayerChange","container","addLayer","renderService","getViewportSize","height","addClass","form","style","acceptableHeight","offsetTop","clientHeight","removeClass","off","collapse","className","create","controlOption","setAttribute","addEventListener","expand","layersLink","link","title","baseLayersList","separator","overlaysList","appendChild","baseLayers","overlayers","Object","keys","index","empty","baseLayersPresent","overlaysPresent","i","obj","baseLayersCount","length","addItem","overlay","display","inputs","input","zoom","getZoom","layerService","getLayer","layerId","inited","minZoom","getMinZoom","maxZoom","getMaxZoom","disabled","push","sortFunction","sort","a","b","setZIndex","expandIfNotCollapsed","e","target","type","emit","checked","radioHtml","radioFragment","document","createElement","innerHTML","firstChild","label","id","isVisible","defaultChecked","createRadioElement","onInputClick","holder","addedLayers","removedLayers","l","hide","show"],"mappings":"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","sourcesContent":["import { IControlOption, PositionName, PositionType } from '@antv/l7-core';\nimport { bindAll, DOM, lnglatDistance } from '@antv/l7-utils';\nimport Control from './BaseControl';\nexport interface ILayerControlOption extends IControlOption {\n  collapsed: boolean;\n  autoZIndex: boolean;\n  hideSingleBase: boolean;\n  sortLayers: boolean;\n\n  sortFunction: (...args: any[]) => any;\n}\ninterface IInputItem extends HTMLInputElement {\n  layerId: string;\n}\nexport default class Layers extends Control {\n  private layerControlInputs: any[];\n  private layers: any[];\n  private lastZIndex: number;\n  private handlingClick: boolean;\n  private layersLink: HTMLElement;\n  private baseLayersList: HTMLElement;\n  private separator: HTMLElement;\n  private overlaysList: HTMLElement;\n  private form: HTMLElement;\n\n  constructor(cfg: Partial<ILayerControlOption>) {\n    super(cfg);\n    this.layerControlInputs = [];\n    this.layers = [];\n    this.lastZIndex = 0;\n    this.handlingClick = false;\n    this.initLayers();\n\n    bindAll(\n      [\n        'checkDisabledLayers',\n        'onLayerChange',\n        'collapse',\n        'extend',\n        'expand',\n        'onInputClick',\n      ],\n      this,\n    );\n  }\n\n  public getDefault() {\n    return {\n      collapsed: true,\n      position: PositionType.TOPRIGHT,\n      autoZIndex: true,\n      hideSingleBase: false,\n      sortLayers: false,\n      name: 'layers',\n    };\n  }\n  public onAdd() {\n    this.initLayout();\n    this.update();\n    this.mapsService.on('zoomend', this.checkDisabledLayers);\n    this.layers.forEach((layerItem) => {\n      layerItem.layer.on('remove', this.onLayerChange);\n      layerItem.layer.on('add', this.onLayerChange);\n    });\n    return this.container;\n  }\n\n  public addVisualLayer(layer: any, name: string | number) {\n    this.addLayer(layer, name, true);\n    return this.mapsService ? this.update() : this;\n  }\n  public expand() {\n    const { height } = this.renderService.getViewportSize();\n    DOM.addClass(this.container, 'l7-control-layers-expanded');\n    this.form.style.height = 'null';\n    const acceptableHeight = height - (this.container.offsetTop + 50);\n    if (acceptableHeight < this.form.clientHeight) {\n      DOM.addClass(this.form, 'l7-control-layers-scrollbar');\n      this.form.style.height = acceptableHeight + 'px';\n    } else {\n      DOM.removeClass(this.form, 'l7-control-layers-scrollbar');\n    }\n    this.checkDisabledLayers();\n    return this;\n  }\n\n  public collapse() {\n    DOM.removeClass(this.container, 'l7-control-layers-expanded');\n    return this;\n  }\n\n  public onRemove() {\n    if (!this.mapsService) {\n      return;\n    }\n    this.mapsService.off('click', this.collapse);\n    this.layers.forEach((layerItem) => {\n      layerItem.layer.off('remove', this.onLayerChange);\n      layerItem.layer.off('add', this.onLayerChange);\n    });\n  }\n  private initLayout() {\n    const className = 'l7-control-layers';\n    const container = (this.container = DOM.create('div', className));\n    const { collapsed } = this.controlOption;\n    // makes this work on IE touch devices by stopping it from firing a mouseout event when the touch is released\n    container.setAttribute('aria-haspopup', 'true');\n    const form = (this.form = DOM.create(\n      'form',\n      className + '-list',\n    ) as HTMLElement);\n\n    if (collapsed) {\n      this.mapsService.on('click', this.collapse);\n      container.addEventListener('mouseenter', this.expand);\n      container.addEventListener('mouseleave', this.collapse);\n    }\n\n    this.layersLink = DOM.create('a', className + '-toggle', container);\n    const link = this.layersLink;\n    // link.href = '#';\n    link.title = 'Layers';\n    if (!collapsed) {\n      this.expand();\n    }\n    this.baseLayersList = DOM.create('div', className + '-base', form);\n    this.separator = DOM.create('div', className + '-separator', form);\n    this.overlaysList = DOM.create('div', className + '-overlays', form);\n    container.appendChild(form);\n  }\n  private initLayers() {\n    const { baseLayers = {}, overlayers = {} } = this.controlOption;\n    Object.keys(baseLayers).forEach((name: string, index: number) => {\n      // baseLayers[name].once('inited', this.update);\n      this.addLayer(baseLayers[name], name, false);\n    });\n    Object.keys(overlayers).forEach((name: any, index: number) => {\n      // overlayers[name].once('inited', this.update);\n      this.addLayer(overlayers[name], name, true);\n    });\n  }\n\n  private update() {\n    if (!this.container) {\n      return this;\n    }\n\n    DOM.empty(this.baseLayersList);\n    DOM.empty(this.overlaysList);\n\n    this.layerControlInputs = [];\n    let baseLayersPresent;\n    let overlaysPresent;\n    let i;\n    let obj;\n    let baseLayersCount = 0;\n\n    for (i = 0; i < this.layers.length; i++) {\n      obj = this.layers[i];\n      this.addItem(obj);\n      overlaysPresent = overlaysPresent || obj.overlay;\n      baseLayersPresent = baseLayersPresent || !obj.overlay;\n      baseLayersCount += !obj.overlay ? 1 : 0;\n    }\n\n    // Hide base layers section if there's only one layer.\n    if (this.controlOption.hideSingleBase) {\n      baseLayersPresent = baseLayersPresent && baseLayersCount > 1;\n      this.baseLayersList.style.display = baseLayersPresent ? '' : 'none';\n    }\n\n    this.separator.style.display =\n      overlaysPresent && baseLayersPresent ? '' : 'none';\n\n    return this;\n  }\n\n  private checkDisabledLayers() {\n    const inputs = this.layerControlInputs;\n    let input: IInputItem;\n    let layer;\n    const zoom = this.mapsService.getZoom();\n\n    for (let i = inputs.length - 1; i >= 0; i--) {\n      input = inputs[i];\n      layer = this.layerService.getLayer(input.layerId);\n\n      if (layer && layer.inited) {\n        const minZoom = layer.getMinZoom();\n        const maxZoom = layer.getMaxZoom();\n\n        input.disabled = zoom < minZoom || zoom > maxZoom;\n      }\n    }\n  }\n\n  private addLayer(layer: any, name: string | number, overlay: boolean) {\n    if (this.mapsService) {\n      layer.on('add', this.onLayerChange);\n      layer.on('remove', this.onLayerChange);\n    }\n    this.layers.push({\n      layer,\n      name,\n      overlay,\n    });\n    const { sortLayers, sortFunction, autoZIndex } = this.controlOption;\n    if (sortLayers) {\n      this.layers.sort((a, b) => {\n        return sortFunction(a.layer, b.layer, a.name, b.name);\n      });\n    }\n\n    if (autoZIndex && layer.setZIndex) {\n      this.lastZIndex++;\n      layer.setZIndex(this.lastZIndex);\n    }\n\n    this.expandIfNotCollapsed();\n  }\n\n  private expandIfNotCollapsed() {\n    if (this.mapsService && !this.controlOption.collapsed) {\n      this.expand();\n    }\n    return this;\n  }\n\n  private onLayerChange(e: any) {\n    if (!this.handlingClick) {\n      this.update();\n    }\n\n    const obj = this.layerService.getLayer(e.target.layerId);\n\n    // @ts-ignore\n    const type = obj?.overlay\n      ? e.type === 'add'\n        ? 'overlayadd'\n        : 'overlayremove'\n      : e.type === 'add'\n      ? 'baselayerchange'\n      : null;\n\n    if (type) {\n      this.emit(type, obj);\n    }\n  }\n\n  private createRadioElement(name: string, checked: boolean): ChildNode {\n    const radioHtml =\n      '<input type=\"radio\" class=\"l7-control-layers-selector\" name=\"' +\n      name +\n      '\"' +\n      (checked ? ' checked=\"checked\"' : '') +\n      '/>';\n\n    const radioFragment = document.createElement('div');\n    radioFragment.innerHTML = radioHtml;\n\n    return radioFragment.firstChild as ChildNode;\n  }\n\n  private addItem(obj: any) {\n    const label = document.createElement('label');\n    const layer = this.layerService.getLayer(obj.layer.id);\n    const checked = layer && layer.inited && obj.layer.isVisible();\n    let input: IInputItem;\n    if (obj.overlay) {\n      input = document.createElement('input') as IInputItem;\n      input.type = 'checkbox';\n      input.className = 'l7-control-layers-selector';\n      input.defaultChecked = checked;\n    } else {\n      input = this.createRadioElement('l7-base-layers', checked) as IInputItem;\n    }\n    this.layerControlInputs.push(input);\n    input.layerId = obj.layer.id;\n    input.addEventListener('click', this.onInputClick);\n\n    const name = document.createElement('span');\n    name.innerHTML = ' ' + obj.name;\n\n    const holder = document.createElement('div');\n\n    label.appendChild(holder);\n    holder.appendChild(input);\n    holder.appendChild(name);\n\n    const container = obj.overlay ? this.overlaysList : this.baseLayersList;\n    container.appendChild(label);\n\n    this.checkDisabledLayers();\n    return label;\n  }\n\n  private onInputClick() {\n    const inputs = this.layerControlInputs;\n    let input;\n    let layer;\n    const addedLayers = [];\n    const removedLayers = [];\n    this.handlingClick = true;\n    for (let i = inputs.length - 1; i >= 0; i--) {\n      input = inputs[i];\n      layer = this.layerService.getLayer(input.layerId);\n      if (input.checked) {\n        addedLayers.push(layer);\n      } else if (!input.checked) {\n        removedLayers.push(layer);\n      }\n    }\n    removedLayers.forEach((l: any) => {\n      l.hide();\n    });\n    addedLayers.forEach((l: any) => {\n      l.show();\n    });\n\n    this.handlingClick = false;\n  }\n}\n"],"file":"layer.js"}

package/es/control/logo.d.ts

@@ -0,0 +1,9 @@
+import Control, { PositionType } from './BaseControl';
+export default class Logo extends Control {
+    getDefault(): {
+        position: PositionType;
+        name: string;
+    };
+    onAdd(): HTMLElement;
+    onRemove(): null;
+}

package/es/control/logo.js

@@ -0,0 +1,58 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+
+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 Control, { PositionType } from './BaseControl';
+
+var Logo = function (_Control) {
+  _inherits(Logo, _Control);
+
+  var _super = _createSuper(Logo);
+
+  function Logo() {
+    _classCallCheck(this, Logo);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(Logo, [{
+    key: "getDefault",
+    value: function getDefault() {
+      return {
+        position: PositionType.BOTTOMLEFT,
+        name: 'logo'
+      };
+    }
+  }, {
+    key: "onAdd",
+    value: function onAdd() {
+      var className = 'l7-control-logo';
+      var container = DOM.create('div', className);
+      var anchor = DOM.create('a', 'l7-ctrl-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);
+      return container;
+    }
+  }, {
+    key: "onRemove",
+    value: function onRemove() {
+      return null;
+    }
+  }]);
+
+  return Logo;
+}(Control);
+
+export { Logo as default };
+//# sourceMappingURL=logo.js.map

package/es/control/logo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/control/logo.ts"],"names":["DOM","Control","PositionType","Logo","position","BOTTOMLEFT","name","className","container","create","anchor","target","rel","href","setAttribute","appendChild"],"mappings":";;;;;;;;;;AACA,SAASA,GAAT,QAAoB,gBAApB;AACA,OAAOC,OAAP,IAAkBC,YAAlB,QAAsC,eAAtC;;IACqBC,I;;;;;;;;;;;;;WACnB,sBAAoB;AAClB,aAAO;AACLC,QAAAA,QAAQ,EAAEF,YAAY,CAACG,UADlB;AAELC,QAAAA,IAAI,EAAE;AAFD,OAAP;AAID;;;WACD,iBAAe;AACb,UAAMC,SAAS,GAAG,iBAAlB;AACA,UAAMC,SAAS,GAAGR,GAAG,CAACS,MAAJ,CAAW,KAAX,EAAkBF,SAAlB,CAAlB;AACA,UAAMG,MAAuB,GAAGV,GAAG,CAACS,MAAJ,CAC9B,GAD8B,EAE9B,cAF8B,CAAhC;AAIAC,MAAAA,MAAM,CAACC,MAAP,GAAgB,QAAhB;AACAD,MAAAA,MAAM,CAACE,GAAP,GAAa,mBAAb;AACAF,MAAAA,MAAM,CAACG,IAAP,GAAc,4BAAd;AACAH,MAAAA,MAAM,CAACI,YAAP,CAAoB,YAApB,EAAkC,WAAlC;AACAJ,MAAAA,MAAM,CAACI,YAAP,CAAoB,KAApB,EAA2B,mBAA3B;AACAN,MAAAA,SAAS,CAACO,WAAV,CAAsBL,MAAtB;AACA,aAAOF,SAAP;AACD;;;WAED,oBAAkB;AAChB,aAAO,IAAP;AACD;;;;EAzB+BP,O;;SAAbE,I","sourcesContent":["import { IControlOption } from '@antv/l7-core';\nimport { DOM } from '@antv/l7-utils';\nimport Control, { PositionType } from './BaseControl';\nexport default class Logo extends Control {\n  public getDefault() {\n    return {\n      position: PositionType.BOTTOMLEFT,\n      name: 'logo',\n    };\n  }\n  public onAdd() {\n    const className = 'l7-control-logo';\n    const container = DOM.create('div', className);\n    const anchor: HTMLLinkElement = DOM.create(\n      'a',\n      'l7-ctrl-logo',\n    ) as HTMLLinkElement;\n    anchor.target = '_blank';\n    anchor.rel = 'noopener nofollow';\n    anchor.href = 'https://antv.alipay.com/l7';\n    anchor.setAttribute('aria-label', 'AntV logo');\n    anchor.setAttribute('rel', 'noopener nofollow');\n    container.appendChild(anchor);\n    return container;\n  }\n\n  public onRemove() {\n    return null;\n  }\n}\n"],"file":"logo.js"}

package/es/control/scale.d.ts

@@ -0,0 +1,30 @@
+import { IControlOption } from '@antv/l7-core';
+import Control, { PositionType } from './BaseControl';
+export interface IScaleControlOption extends IControlOption {
+    maxWidth: number;
+    metric: boolean;
+    updateWhenIdle: boolean;
+    imperial: boolean;
+}
+export default class Scale extends Control {
+    private mScale;
+    private iScale;
+    constructor(cfg?: Partial<IScaleControlOption>);
+    getDefault(): {
+        position: PositionType;
+        maxWidth: number;
+        metric: boolean;
+        updateWhenIdle: boolean;
+        imperial: boolean;
+        name: string;
+    };
+    onAdd(): HTMLElement;
+    onRemove(): void;
+    update(): void;
+    updateScales(maxMeters: number): void;
+    private updateMetric;
+    private updateImperial;
+    private updateScale;
+    private getRoundNum;
+    private addScales;
+}

package/es/control/scale.js

@@ -0,0 +1,153 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/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 { bindAll, DOM, lnglatDistance } from '@antv/l7-utils';
+import Control, { PositionType } from './BaseControl';
+
+var Scale = function (_Control) {
+  _inherits(Scale, _Control);
+
+  var _super = _createSuper(Scale);
+
+  function Scale(cfg) {
+    var _this;
+
+    _classCallCheck(this, Scale);
+
+    _this = _super.call(this, cfg);
+
+    _defineProperty(_assertThisInitialized(_this), "mScale", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "iScale", void 0);
+
+    bindAll(['update'], _assertThisInitialized(_this));
+    return _this;
+  }
+
+  _createClass(Scale, [{
+    key: "getDefault",
+    value: function getDefault() {
+      return {
+        position: PositionType.BOTTOMLEFT,
+        maxWidth: 100,
+        metric: true,
+        updateWhenIdle: false,
+        imperial: false,
+        name: 'scale'
+      };
+    }
+  }, {
+    key: "onAdd",
+    value: function onAdd() {
+      var className = 'l7-control-scale';
+      var container = DOM.create('div', className);
+      this.addScales(className + '-line', container);
+      var updateWhenIdle = this.controlOption.updateWhenIdle;
+      this.mapsService.on(updateWhenIdle ? 'moveend' : 'mapmove', this.update);
+      this.mapsService.on(updateWhenIdle ? 'zoomend' : 'zoomchange', this.update);
+      this.update();
+      return container;
+    }
+  }, {
+    key: "onRemove",
+    value: function onRemove() {
+      var updateWhenIdle = this.controlOption.updateWhenIdle;
+      this.mapsService.off(updateWhenIdle ? 'zoomend' : 'zoomchange', this.update);
+      this.mapsService.off(updateWhenIdle ? 'moveend' : 'mapmove', this.update);
+    }
+  }, {
+    key: "update",
+    value: function update() {
+      var mapsService = this.mapsService;
+      var maxWidth = this.controlOption.maxWidth;
+      var y = mapsService.getSize()[1] / 2;
+      var p1 = mapsService.containerToLngLat([0, y]);
+      var p2 = mapsService.containerToLngLat([maxWidth, y]);
+      var maxMeters = lnglatDistance([p1.lng, p1.lat], [p2.lng, p2.lat]);
+      this.updateScales(maxMeters);
+    }
+  }, {
+    key: "updateScales",
+    value: function updateScales(maxMeters) {
+      var _this$controlOption = this.controlOption,
+          metric = _this$controlOption.metric,
+          imperial = _this$controlOption.imperial;
+
+      if (metric && maxMeters) {
+        this.updateMetric(maxMeters);
+      }
+
+      if (imperial && maxMeters) {
+        this.updateImperial(maxMeters);
+      }
+    }
+  }, {
+    key: "updateMetric",
+    value: function updateMetric(maxMeters) {
+      var meters = this.getRoundNum(maxMeters);
+      var label = meters < 1000 ? meters + ' m' : meters / 1000 + ' km';
+      this.updateScale(this.mScale, label, meters / maxMeters);
+    }
+  }, {
+    key: "updateImperial",
+    value: function updateImperial(maxMeters) {
+      var maxFeet = maxMeters * 3.2808399;
+      var maxMiles;
+      var miles;
+      var feet;
+
+      if (maxFeet > 5280) {
+        maxMiles = maxFeet / 5280;
+        miles = this.getRoundNum(maxMiles);
+        this.updateScale(this.iScale, miles + ' mi', miles / maxMiles);
+      } else {
+        feet = this.getRoundNum(maxFeet);
+        this.updateScale(this.iScale, feet + ' ft', feet / maxFeet);
+      }
+    }
+  }, {
+    key: "updateScale",
+    value: function updateScale(scale, text, ratio) {
+      var maxWidth = this.controlOption.maxWidth;
+      scale.style.width = Math.round(maxWidth * ratio) + 'px';
+      scale.innerHTML = text;
+    }
+  }, {
+    key: "getRoundNum",
+    value: function getRoundNum(num) {
+      var pow10 = Math.pow(10, (Math.floor(num) + '').length - 1);
+      var d = num / pow10;
+      d = d >= 10 ? 10 : d >= 5 ? 5 : d >= 3 ? 3 : d >= 2 ? 2 : 1;
+      return pow10 * d;
+    }
+  }, {
+    key: "addScales",
+    value: function addScales(className, container) {
+      var _this$controlOption2 = this.controlOption,
+          metric = _this$controlOption2.metric,
+          imperial = _this$controlOption2.imperial;
+
+      if (metric) {
+        this.mScale = DOM.create('div', className, container);
+      }
+
+      if (imperial) {
+        this.iScale = DOM.create('div', className, container);
+      }
+    }
+  }]);
+
+  return Scale;
+}(Control);
+
+export { Scale as default };
+//# sourceMappingURL=scale.js.map