@antv/l7-component 2.25.7 → 2.25.9

package/es/control/exportImage.js

@@ -0,0 +1,73 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { createL7Icon } from "../utils/icon";
+import ButtonControl from "./baseControl/buttonControl";
+export { ExportImage };
+export default class ExportImage extends ButtonControl {
+  constructor(...args) {
+    var _this;
+    super(...args);
+    _this = this;
+    _defineProperty(this, "onClick", /*#__PURE__*/_asyncToGenerator(function* () {
+      const {
+        onExport
+      } = _this.controlOption;
+      onExport === null || onExport === void 0 || onExport(yield _this.getImage());
+    }));
+    /**
+     * 将多张图片合并为一张图片
+     * @protected
+     * @param base64List
+     */
+    _defineProperty(this, "mergeImage", /*#__PURE__*/_asyncToGenerator(function* (...base64List) {
+      var _this$mapsService$get, _this$mapsService$get2;
+      const {
+        imageType
+      } = _this.controlOption;
+      const {
+        width = 0,
+        height = 0
+      } = (_this$mapsService$get = (_this$mapsService$get2 = _this.mapsService.getContainer()) === null || _this$mapsService$get2 === void 0 ? void 0 : _this$mapsService$get2.getBoundingClientRect()) !== null && _this$mapsService$get !== void 0 ? _this$mapsService$get : {};
+      const canvas = document.createElement('canvas');
+      canvas.width = width;
+      canvas.height = height;
+      const context = canvas.getContext('2d');
+      const imgList = yield Promise.all(base64List.map(base64 => {
+        return new Promise(resolve => {
+          const img = new Image();
+          img.onload = () => {
+            resolve(img);
+          };
+          img.src = base64;
+        });
+      }));
+      imgList.forEach(img => {
+        context === null || context === void 0 || context.drawImage(img, 0, 0, width, height);
+      });
+      return canvas.toDataURL(`image/${imageType}`);
+    }));
+  }
+  onAdd() {
+    const button = super.onAdd();
+    button.addEventListener('click', this.onClick);
+    return button;
+  }
+  getDefault(option) {
+    return _objectSpread(_objectSpread({}, super.getDefault(option)), {}, {
+      title: '导出图片',
+      btnIcon: createL7Icon('l7-icon-export-picture'),
+      imageType: 'png'
+    });
+  }
+  getImage() {
+    var _this2 = this;
+    return _asyncToGenerator(function* () {
+      const mapImage = yield _this2.mapsService.exportMap('png');
+      const layerImage = yield _this2.scene.exportPng('png');
+      return _this2.mergeImage(
+      // 在 Map 底图模式下 mapImage 为 undefined
+      ...[mapImage, layerImage].filter(base64 => base64));
+    })();
+  }
+}

package/es/control/fullscreen.d.ts

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

package/es/control/fullscreen.js

@@ -0,0 +1,88 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { DOM } from '@antv/l7-utils';
+import { createL7Icon } from "../utils/icon";
+import ScreenFull from "../utils/screenfull";
+import ButtonControl from "./baseControl/buttonControl";
+export { Fullscreen };
+export default class Fullscreen extends ButtonControl {
+  constructor(option) {
+    var _this;
+    super(option);
+    _this = this;
+    _defineProperty(this, "isFullscreen", false);
+    _defineProperty(this, "mapContainer", void 0);
+    _defineProperty(this, "toggleFullscreen", /*#__PURE__*/_asyncToGenerator(function* () {
+      if (ScreenFull.isEnabled) {
+        yield ScreenFull.toggle(_this.mapContainer);
+      }
+    }));
+    _defineProperty(this, "onClick", () => {
+      this.toggleFullscreen();
+    });
+    _defineProperty(this, "onFullscreenChange", () => {
+      this.isFullscreen = !!document.fullscreenElement;
+      const {
+        btnText,
+        btnIcon,
+        title,
+        exitBtnText,
+        exitBtnIcon,
+        exitTitle
+      } = this.controlOption;
+      if (this.isFullscreen) {
+        this.setBtnTitle(exitTitle);
+        this.setBtnText(exitBtnText);
+        this.setBtnIcon(exitBtnIcon);
+      } else {
+        this.setBtnTitle(title);
+        this.setBtnText(btnText);
+        this.setBtnIcon(btnIcon);
+      }
+      this.emit('fullscreenChange', this.isFullscreen);
+    });
+    if (!ScreenFull.isEnabled) {
+      console.warn('当前浏览器环境不支持对地图全屏化');
+    }
+  }
+  setOptions(newOptions) {
+    const {
+      exitBtnText,
+      exitBtnIcon,
+      exitTitle
+    } = newOptions;
+    if (this.isFullscreen) {
+      if (this.checkUpdateOption(newOptions, ['exitBtnIcon'])) {
+        this.setBtnIcon(exitBtnIcon);
+      }
+      if (this.checkUpdateOption(newOptions, ['exitBtnText'])) {
+        this.setBtnText(exitBtnText);
+      }
+      if (this.checkUpdateOption(newOptions, ['exitTitle'])) {
+        this.setBtnTitle(exitTitle);
+      }
+    }
+    super.setOptions(newOptions);
+  }
+  onAdd() {
+    const button = super.onAdd();
+    button.addEventListener('click', this.onClick);
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    this.mapContainer = DOM.getContainer(this.scene.getSceneConfig().id);
+    this.mapContainer.addEventListener('fullscreenchange', this.onFullscreenChange);
+    return button;
+  }
+  onRemove() {
+    super.onRemove();
+    this.mapContainer.removeEventListener('fullscreenchange', this.onFullscreenChange);
+  }
+  getDefault(option) {
+    return _objectSpread(_objectSpread({}, super.getDefault(option)), {}, {
+      title: '全屏',
+      btnIcon: createL7Icon('l7-icon-fullscreen'),
+      exitTitle: '退出全屏',
+      exitBtnIcon: createL7Icon('l7-icon-exit-fullscreen')
+    });
+  }
+}

package/es/control/geoLocate.d.ts

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

package/es/control/geoLocate.js

@@ -0,0 +1,60 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { createL7Icon } from "../utils/icon";
+import ButtonControl from "./baseControl/buttonControl";
+export { GeoLocate };
+export default class GeoLocate extends ButtonControl {
+  constructor(option) {
+    var _this;
+    super(option);
+    _this = this;
+    /**
+     * 通过浏览器 API 获取当前所在经纬度
+     */
+    _defineProperty(this, "getGeoLocation", () => {
+      return new Promise((resolve, reject) => {
+        window.navigator.geolocation.getCurrentPosition(({
+          coords
+        }) => {
+          const {
+            longitude,
+            latitude
+          } = coords !== null && coords !== void 0 ? coords : {};
+          if (!isNaN(longitude) && !isNaN(latitude)) {
+            resolve([longitude, latitude]);
+          } else {
+            reject();
+          }
+        }, e => {
+          reject(e);
+        });
+      });
+    });
+    _defineProperty(this, "onClick", /*#__PURE__*/_asyncToGenerator(function* () {
+      if (!window.navigator.geolocation) {
+        return;
+      }
+      const {
+        transform
+      } = _this.controlOption;
+      const position = yield _this.getGeoLocation();
+      const currentZoom = _this.mapsService.getZoom();
+      _this.mapsService.setZoomAndCenter(currentZoom > 15 ? currentZoom : 15, transform ? yield transform(position) : position);
+    }));
+    if (!window.navigator.geolocation) {
+      console.warn('当前浏览器环境不支持获取地理定位');
+    }
+  }
+  getDefault(option) {
+    return _objectSpread(_objectSpread({}, super.getDefault(option)), {}, {
+      title: '定位',
+      btnIcon: createL7Icon('l7-icon-reposition')
+    });
+  }
+  onAdd() {
+    const button = super.onAdd();
+    button.addEventListener('click', this.onClick);
+    return button;
+  }
+}

package/es/control/layerSwitch.d.ts

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

package/es/control/layerSwitch.js

@@ -0,0 +1,155 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { createL7Icon } from "../utils/icon";
+import SelectControl from "./baseControl/selectControl";
+export { LayerSwitch };
+function isLayerSwitchItem(obj) {
+  return Object.keys(obj !== null && obj !== void 0 ? obj : {}).every(key => ['layer', 'name', 'img'].includes(key));
+}
+export default class LayerSwitch extends SelectControl {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "onLayerChange", () => {
+      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()
+      });
+    });
+    _defineProperty(this, "onLayerVisibleChane", () => {
+      this.setSelectValue(this.getLayerVisible());
+    });
+    _defineProperty(this, "onSelectChange", () => {
+      this.layers.forEach(layer => {
+        const needShow = this.selectValue.includes(layer.name);
+        const isShow = layer.isVisible();
+        if (needShow && !isShow) {
+          layer.show();
+        }
+        if (!needShow && isShow) {
+          layer.hide();
+        }
+      });
+    });
+  }
+  get layers() {
+    const layerService = this.layerService;
+    const {
+      layers
+    } = this.controlOption;
+    if (Array.isArray(layers) && layers.length) {
+      const layerInstances = [];
+      layers.forEach(layer => {
+        if (layer instanceof Object) {
+          if (isLayerSwitchItem(layer)) {
+            layerInstances.push(layer.layer);
+          } else {
+            layerInstances.push(layer);
+          }
+        }
+        if (typeof layer === 'string') {
+          const targetLayer = layerService.getLayer(layer) || layerService.getLayerByName(layer);
+          if (targetLayer) {
+            layerInstances.push(targetLayer);
+          }
+        }
+      });
+      return layerInstances;
+    }
+    return layerService.getLayers() || [];
+  }
+  getDefault(option) {
+    var _option$multiple;
+    return _objectSpread(_objectSpread({}, super.getDefault(option)), {}, {
+      title: '图层控制',
+      btnIcon: createL7Icon('l7-icon-layer'),
+      options: [],
+      multiple: (_option$multiple = option === null || option === void 0 ? void 0 : option.multiple) !== null && _option$multiple !== void 0 ? _option$multiple : true
+    });
+  }
+  getLayerVisible() {
+    return this.layers.filter(layer => layer.isVisible()).map(layer => layer.name);
+  }
+  getLayerOptions() {
+    const {
+      layers
+    } = this.controlOption;
+    const isAllImg = layers === null || layers === void 0 ? void 0 : layers.every(item => item.img);
+    if (layers) {
+      return layers === null || layers === void 0 ? void 0 : layers.map(layer => {
+        if (isLayerSwitchItem(layer)) {
+          return {
+            text: layer.name || layer.layer.name,
+            value: layer.layer.name,
+            img: isAllImg ? layer.img : undefined
+          };
+        } else if (typeof layer === 'string') {
+          const targetLayer = this.layerService.getLayer(layer) || this.layerService.getLayerByName(layer);
+          return {
+            text: targetLayer === null || targetLayer === void 0 ? void 0 : targetLayer.name,
+            value: targetLayer === null || targetLayer === void 0 ? void 0 : targetLayer.name
+          };
+        }
+        return {
+          text: layer.name,
+          value: layer.name
+        };
+      });
+    }
+    return this.layers.map(layer => {
+      return {
+        text: layer.name,
+        value: layer.name
+      };
+    });
+  }
+  setOptions(option) {
+    const isLayerChange = this.checkUpdateOption(option, ['layers', 'multiple']);
+    super.setOptions(option);
+    if (isLayerChange) {
+      if (this.controlOption.multiple === false) {
+        this.handleSingleSelection();
+      }
+      this.selectValue = this.getLayerVisible();
+      this.controlOption.options = this.getLayerOptions();
+      this.popper.setContent(this.getPopperContent(this.controlOption.options));
+    }
+  }
+
+  // TODO: 单选模式下，目前默认展示第一项，通过用户提供defaultValue展示默认选项的属性待开发
+  // 如果是单选模式，则只显示第一个图层
+  handleSingleSelection() {
+    this.layers.forEach((layer, index) => {
+      if (index === 0) {
+        layer.show();
+      } else {
+        layer.hide();
+      }
+    });
+  }
+  onAdd() {
+    var _this$controlOption$o;
+    if (this.controlOption.multiple === false) {
+      this.handleSingleSelection();
+    }
+    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 super.onAdd();
+  }
+  onRemove() {
+    this.off('selectChange', this.onSelectChange);
+    this.layerService.off('layerChange', this.onLayerChange);
+  }
+  getIsMultiple() {
+    return this.controlOption.multiple;
+  }
+}

package/es/control/logo.d.ts

@@ -0,0 +1,14 @@
+import type { IControlOption } from './baseControl';
+import { Control } from './baseControl';
+export interface ILogoControlOption extends IControlOption {
+    img: string;
+    href?: string | null;
+}
+export { Logo };
+export default class Logo extends Control<ILogoControlOption> {
+    getDefault(): ILogoControlOption;
+    onAdd(): HTMLElement;
+    onRemove(): null;
+    setOptions(option: Partial<ILogoControlOption>): void;
+    protected setLogoContent(container: HTMLElement): void;
+}

package/es/control/logo.js

@@ -0,0 +1,49 @@
+import { DOM } from '@antv/l7-utils';
+import { Control, PositionType } from "./baseControl";
+export { Logo };
+export default class Logo extends Control {
+  getDefault() {
+    return {
+      position: PositionType.BOTTOMLEFT,
+      name: 'logo',
+      href: 'https://l7.antv.antgroup.com/',
+      img: 'https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*GRb1TKp4HcMAAAAAAAAAAAAAARQnAQ'
+    };
+  }
+  onAdd() {
+    const container = DOM.create('div', 'l7-control-logo');
+    this.setLogoContent(container);
+    return container;
+  }
+  onRemove() {
+    return null;
+  }
+  setOptions(option) {
+    super.setOptions(option);
+    if (this.checkUpdateOption(option, ['img', 'href'])) {
+      DOM.clearChildren(this.container);
+      this.setLogoContent(this.container);
+    }
+  }
+  setLogoContent(container) {
+    const {
+      href,
+      img
+    } = this.controlOption;
+    const imgDOM = DOM.create('img');
+    imgDOM.setAttribute('src', img);
+    imgDOM.setAttribute('aria-label', 'AntV logo');
+    DOM.setUnDraggable(imgDOM);
+    if (href) {
+      const anchorDOM = 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);
+    }
+  }
+}

package/es/control/mapTheme.d.ts

@@ -0,0 +1,11 @@
+import type { ControlOptionItem, ISelectControlOption } from './baseControl/selectControl';
+import SelectControl from './baseControl/selectControl';
+export { MapTheme };
+export default class MapTheme extends SelectControl<ISelectControlOption> {
+    getDefault(option?: Partial<ISelectControlOption>): ISelectControlOption;
+    getStyleOptions(): ControlOptionItem[];
+    getMapStyle(): any;
+    onAdd(): HTMLElement;
+    protected onMapThemeChange: () => void;
+    protected getIsMultiple(): boolean;
+}

package/es/control/mapTheme.js

@@ -0,0 +1,69 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { GaodeMapStyleConfig, MapboxMapStyleConfig } from "../constants";
+import { createL7Icon } from "../utils/icon";
+import SelectControl from "./baseControl/selectControl";
+export { MapTheme };
+export default class MapTheme extends SelectControl {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "onMapThemeChange", () => {
+      this.mapsService.setMapStyle(this.selectValue[0]);
+    });
+  }
+  getDefault(option) {
+    return _objectSpread(_objectSpread({}, super.getDefault(option)), {}, {
+      title: '地图样式',
+      btnIcon: createL7Icon('l7-icon-color'),
+      options: []
+    });
+  }
+  getStyleOptions() {
+    const mapStyleConfig = this.mapsService.getType() === 'mapbox' ? MapboxMapStyleConfig : GaodeMapStyleConfig;
+    return Object.entries(this.mapsService.getMapStyleConfig()).filter(([key, value]) => typeof value === 'string' && key !== 'blank').map(([key, value]) => {
+      var _mapStyleConfig$key;
+      // @ts-ignore
+      const {
+        text,
+        img
+      } = (_mapStyleConfig$key = mapStyleConfig[key]) !== null && _mapStyleConfig$key !== void 0 ? _mapStyleConfig$key : {};
+      return {
+        text: text !== null && text !== void 0 ? text : key,
+        value,
+        img,
+        key
+      };
+    });
+  }
+  getMapStyle() {
+    return this.mapsService.getMapStyle();
+  }
+  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.getStyleOptions();
+    }
+    if (this.controlOption.defaultValue) {
+      var _this$controlOption$o2, _this$controlOption$o3;
+      const defaultValue = this.controlOption.defaultValue;
+      this.controlOption.defaultValue = (_this$controlOption$o2 = (_this$controlOption$o3 = this.controlOption.options.find(item => item.key === defaultValue)) === null || _this$controlOption$o3 === void 0 ? void 0 : _this$controlOption$o3.value) !== null && _this$controlOption$o2 !== void 0 ? _this$controlOption$o2 : defaultValue;
+    } else {
+      const defaultStyle = this.getMapStyle();
+      if (defaultStyle) {
+        this.controlOption.defaultValue = defaultStyle;
+      } else {
+        // @ts-ignore
+        this.mapsService.map.once('styledata', () => {
+          const mapboxStyle = this.mapsService.getMapStyle();
+          this.controlOption.defaultValue = mapboxStyle;
+          this.setSelectValue(mapboxStyle, false);
+        });
+      }
+    }
+    this.on('selectChange', this.onMapThemeChange);
+    return super.onAdd();
+  }
+  getIsMultiple() {
+    return false;
+  }
+}

package/es/control/mouseLocation.d.ts

@@ -0,0 +1,16 @@
+import type { Position } from '@antv/l7-core';
+import type { IControlOption } from './baseControl/control';
+import Control from './baseControl/control';
+export interface IMouseLocationControlOption extends IControlOption {
+    transform: (position: Position) => Position;
+}
+export { MouseLocation };
+export default class MouseLocation extends Control<IMouseLocationControlOption> {
+    protected location: Position;
+    getLocation(): Position;
+    getDefault(option?: Partial<IMouseLocationControlOption>): IMouseLocationControlOption;
+    onAdd(): HTMLElement;
+    onRemove(): void;
+    protected onMouseMove: (e: any) => void;
+    protected insertLocation2HTML(position: Position): void;
+}

package/es/control/mouseLocation.js

@@ -0,0 +1,52 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { PositionType } from '@antv/l7-core';
+import { DOM } from '@antv/l7-utils';
+import Control from "./baseControl/control";
+export { MouseLocation };
+export default class MouseLocation extends Control {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "location", [0, 0]);
+    _defineProperty(this, "onMouseMove", e => {
+      let position = this.location;
+      // 适配不同底图，事件返回的数据名称不一致
+      const lngLat = e.lngLat || e.lnglat;
+      const {
+        transform
+      } = this.controlOption;
+      if (lngLat) {
+        position = [lngLat.lng, lngLat.lat];
+      }
+      this.location = position;
+      if (transform) {
+        position = transform(position);
+      }
+      this.insertLocation2HTML(position);
+      this.emit('locationChange', position);
+    });
+  }
+  getLocation() {
+    return this.location;
+  }
+  getDefault(option) {
+    return _objectSpread(_objectSpread({}, super.getDefault(option)), {}, {
+      position: PositionType.BOTTOMLEFT,
+      transform: ([lng, lat]) => {
+        return [+(+lng).toFixed(6), +(+lat).toFixed(6)];
+      }
+    });
+  }
+  onAdd() {
+    const container = DOM.create('div', 'l7-control-mouse-location');
+    container.innerHTML = ' ';
+    this.mapsService.on('mousemove', this.onMouseMove);
+    return container;
+  }
+  onRemove() {
+    this.mapsService.off('mousemove', this.onMouseMove);
+  }
+  insertLocation2HTML(position) {
+    this.container.innerText = position.join(', ');
+  }
+}