@ohuoy/easymap 1.0.0 → 1.0.2

package/lib/@antv/l7-component/es/utils/popper.d.ts

@@ -0,0 +1,76 @@
+import { EventEmitter } from 'eventemitter3';
+/**
+ * 气泡位置枚举
+ */
+export type PopperPlacement = 'top-start' | 'top' | 'top-end' | 'left-start' | 'left' | 'left-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'right-start' | 'right' | 'right-end';
+/**
+ * 气泡触发类型，当前支持 click 和 hover 两种类型
+ */
+export type PopperTrigger = 'click' | 'hover';
+/**
+ * 气泡内容类型
+ */
+export type PopperContent = string | HTMLElement | null;
+export interface IPopperOption {
+    placement: PopperPlacement;
+    trigger: PopperTrigger;
+    content?: PopperContent;
+    offset?: [number, number];
+    className?: string;
+    container: HTMLElement;
+    unique?: boolean;
+}
+export declare class Popper extends EventEmitter<'show' | 'hide'> {
+    protected get buttonRect(): DOMRect;
+    protected static conflictPopperList: Popper[];
+    popperDOM: HTMLElement;
+    contentDOM: HTMLElement;
+    /**
+     * 按钮实体
+     * @protected
+     */
+    protected button: HTMLElement;
+    /**
+     * Popper 配置
+     * @protected
+     */
+    protected option: IPopperOption;
+    /**
+     * 当前是否展示
+     * @protected
+     */
+    protected isShow: boolean;
+    /**
+     * 当前气泡展示的内容
+     * @protected
+     */
+    protected content: PopperContent;
+    /**
+     * 关闭气泡的定时器
+     * @protected
+     */
+    protected timeout: number | null;
+    constructor(button: HTMLElement, option: IPopperOption);
+    getPopperDOM(): HTMLElement;
+    getIsShow(): boolean;
+    getContent(): PopperContent;
+    setContent(content: PopperContent): void;
+    show: () => this;
+    hide: () => this;
+    /**
+     * 设置隐藏气泡的定时器
+     */
+    setHideTimeout: () => void;
+    /**
+     * 销毁隐藏气泡的定时器
+     */
+    clearHideTimeout: () => void;
+    init(): void;
+    destroy(): void;
+    resetPopperPosition(): void;
+    protected createPopper(): HTMLElement;
+    protected onBtnClick: () => void;
+    protected onPopperUnClick: (e: MouseEvent) => void;
+    protected onBtnMouseLeave: () => void;
+    protected onBtnMouseMove: () => void;
+}

package/lib/@antv/l7-component/es/utils/popper.js

@@ -0,0 +1,249 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { DOM } from '../../../l7-utils';
+import { EventEmitter } from 'eventemitter3';
+
+/**
+ * 气泡位置枚举
+ */
+
+/**
+ * 气泡触发类型，当前支持 click 和 hover 两种类型
+ */
+
+/**
+ * 气泡内容类型
+ */
+
+export class Popper extends EventEmitter {
+  get buttonRect() {
+    return this.button.getBoundingClientRect();
+  }
+  constructor(button, option) {
+    super();
+    // 气泡容器 DOM
+    _defineProperty(this, "popperDOM", void 0);
+    // 气泡中展示的内容容器 DOM
+    _defineProperty(this, "contentDOM", void 0);
+    /**
+     * 按钮实体
+     * @protected
+     */
+    _defineProperty(this, "button", void 0);
+    /**
+     * Popper 配置
+     * @protected
+     */
+    _defineProperty(this, "option", void 0);
+    /**
+     * 当前是否展示
+     * @protected
+     */
+    _defineProperty(this, "isShow", false);
+    /**
+     * 当前气泡展示的内容
+     * @protected
+     */
+    _defineProperty(this, "content", void 0);
+    /**
+     * 关闭气泡的定时器
+     * @protected
+     */
+    _defineProperty(this, "timeout", null);
+    _defineProperty(this, "show", () => {
+      if (this.isShow || !this.contentDOM.innerHTML) {
+        return this;
+      }
+      this.resetPopperPosition();
+      DOM.removeClass(this.popperDOM, 'l7-popper-hide');
+      this.isShow = true;
+      if (this.option.unique) {
+        Popper.conflictPopperList.forEach(popper => {
+          if (popper !== this && popper.isShow) {
+            popper.hide();
+          }
+        });
+      }
+      this.emit('show');
+      window.addEventListener('pointerdown', this.onPopperUnClick);
+      return this;
+    });
+    _defineProperty(this, "hide", () => {
+      if (!this.isShow) {
+        return this;
+      }
+      DOM.addClass(this.popperDOM, 'l7-popper-hide');
+      this.isShow = false;
+      this.emit('hide');
+      window.removeEventListener('pointerdown', this.onPopperUnClick);
+      return this;
+    });
+    /**
+     * 设置隐藏气泡的定时器
+     */
+    _defineProperty(this, "setHideTimeout", () => {
+      if (this.timeout) {
+        return;
+      }
+      this.timeout = window.setTimeout(() => {
+        if (!this.isShow) {
+          return;
+        }
+        this.hide();
+        this.timeout = null;
+      }, 300);
+    });
+    /**
+     * 销毁隐藏气泡的定时器
+     */
+    _defineProperty(this, "clearHideTimeout", () => {
+      if (this.timeout) {
+        window.clearTimeout(this.timeout);
+        this.timeout = null;
+      }
+    });
+    _defineProperty(this, "onBtnClick", () => {
+      if (this.isShow) {
+        this.hide();
+      } else {
+        this.show();
+      }
+    });
+    _defineProperty(this, "onPopperUnClick", e => {
+      if (!DOM.findParentElement(e.target, ['.l7-button-control', '.l7-popper-content'])) {
+        this.hide();
+      }
+    });
+    _defineProperty(this, "onBtnMouseLeave", () => {
+      this.setHideTimeout();
+    });
+    _defineProperty(this, "onBtnMouseMove", () => {
+      this.clearHideTimeout();
+      if (this.isShow) {
+        return;
+      }
+      this.show();
+    });
+    this.button = button;
+    this.option = option;
+    this.init();
+    if (option.unique) {
+      Popper.conflictPopperList.push(this);
+    }
+  }
+  getPopperDOM() {
+    return this.popperDOM;
+  }
+  getIsShow() {
+    return this.isShow;
+  }
+  getContent() {
+    return this.content;
+  }
+  setContent(content) {
+    if (typeof content === 'string') {
+      this.contentDOM.innerHTML = content;
+    } else if (content instanceof HTMLElement) {
+      DOM.clearChildren(this.contentDOM);
+      this.contentDOM.appendChild(content);
+    }
+    this.content = content;
+  }
+  init() {
+    const {
+      trigger
+    } = this.option;
+    this.popperDOM = this.createPopper();
+    if (trigger === 'click') {
+      this.button.addEventListener('click', this.onBtnClick);
+    } else {
+      this.button.addEventListener('mousemove', this.onBtnMouseMove);
+      this.button.addEventListener('mouseleave', this.onBtnMouseLeave);
+      this.popperDOM.addEventListener('mousemove', this.onBtnMouseMove);
+      this.popperDOM.addEventListener('mouseleave', this.onBtnMouseLeave);
+    }
+  }
+  destroy() {
+    this.button.removeEventListener('click', this.onBtnClick);
+    this.button.removeEventListener('mousemove', this.onBtnMouseMove);
+    this.button.removeEventListener('mousemove', this.onBtnMouseLeave);
+    this.popperDOM.removeEventListener('mousemove', this.onBtnMouseMove);
+    this.popperDOM.removeEventListener('mouseleave', this.onBtnMouseLeave);
+    DOM.remove(this.popperDOM);
+  }
+  resetPopperPosition() {
+    const popperStyleObj = {};
+    const {
+      container,
+      offset = [0, 0],
+      placement
+    } = this.option;
+    const [offsetX, offsetY] = offset;
+    const buttonRect = this.button.getBoundingClientRect();
+    const containerRect = container.getBoundingClientRect();
+    const {
+      left,
+      right,
+      top,
+      bottom
+    } = DOM.getDiffRect(buttonRect, containerRect);
+    let isTransformX = false;
+    let isTransformY = false;
+    if (/^(left|right)/.test(placement)) {
+      if (placement.includes('left')) {
+        popperStyleObj.right = `${buttonRect.width + right}px`;
+      } else if (placement.includes('right')) {
+        popperStyleObj.left = `${buttonRect.width + left}px`;
+      }
+      if (placement.includes('start')) {
+        popperStyleObj.top = `${top}px`;
+      } else if (placement.includes('end')) {
+        popperStyleObj.bottom = `${bottom}px`;
+      } else {
+        popperStyleObj.top = `${top + buttonRect.height / 2}px`;
+        isTransformY = true;
+        popperStyleObj.transform = `translate(${offsetX}px, calc(${offsetY}px - 50%))`;
+      }
+    } else if (/^(top|bottom)/.test(placement)) {
+      if (placement.includes('top')) {
+        popperStyleObj.bottom = `${buttonRect.height + bottom}px`;
+      } else if (placement.includes('bottom')) {
+        popperStyleObj.top = `${buttonRect.height + top}px`;
+      }
+      if (placement.includes('start')) {
+        popperStyleObj.left = `${left}px`;
+      } else if (placement.includes('end')) {
+        popperStyleObj.right = `${right}px`;
+      } else {
+        popperStyleObj.left = `${left + buttonRect.width / 2}px`;
+        isTransformX = true;
+        popperStyleObj.transform = `translate(calc(${offsetX}px - 50%), ${offsetY}px)`;
+      }
+    }
+    popperStyleObj.transform = `translate(calc(${offsetX}px - ${isTransformX ? '50%' : '0%'}), calc(${offsetY}px - ${isTransformY ? '50%' : '0%'})`;
+    const posList = placement.split('-');
+    if (posList.length) {
+      DOM.addClass(this.popperDOM, posList.map(pos => `l7-popper-${pos}`).join(' '));
+    }
+    DOM.addStyle(this.popperDOM, DOM.css2Style(popperStyleObj));
+  }
+  createPopper() {
+    const {
+      container,
+      className = '',
+      content
+    } = this.option;
+    const popper = DOM.create('div', `l7-popper l7-popper-hide ${className}`);
+    const popperContent = DOM.create('div', 'l7-popper-content');
+    const popperArrow = DOM.create('div', 'l7-popper-arrow');
+    popper.appendChild(popperContent);
+    popper.appendChild(popperArrow);
+    container.appendChild(popper);
+    this.popperDOM = popper;
+    this.contentDOM = popperContent;
+    if (content) {
+      this.setContent(content);
+    }
+    return popper;
+  }
+}
+_defineProperty(Popper, "conflictPopperList", []);

package/lib/@antv/l7-component/es/utils/screenfull.d.ts

@@ -0,0 +1,2 @@
+declare let screenfull: any;
+export default screenfull;

package/lib/@antv/l7-component/es/utils/screenfull.js

@@ -0,0 +1,106 @@
+// @ts-nocheck
+
+const methodMap = [['requestFullscreen', 'exitFullscreen', 'fullscreenElement', 'fullscreenEnabled', 'fullscreenchange', 'fullscreenerror'],
+// New WebKit
+['webkitRequestFullscreen', 'webkitExitFullscreen', 'webkitFullscreenElement', 'webkitFullscreenEnabled', 'webkitfullscreenchange', 'webkitfullscreenerror'],
+// Old WebKit
+['webkitRequestFullScreen', 'webkitCancelFullScreen', 'webkitCurrentFullScreenElement', 'webkitCancelFullScreen', 'webkitfullscreenchange', 'webkitfullscreenerror'], ['mozRequestFullScreen', 'mozCancelFullScreen', 'mozFullScreenElement', 'mozFullScreenEnabled', 'mozfullscreenchange', 'mozfullscreenerror'], ['msRequestFullscreen', 'msExitFullscreen', 'msFullscreenElement', 'msFullscreenEnabled', 'MSFullscreenChange', 'MSFullscreenError']];
+const nativeAPI = (() => {
+  if (typeof document === 'undefined') {
+    return false;
+  }
+  const unprefixedMethods = methodMap[0];
+  const returnValue = {};
+  for (const methodList of methodMap) {
+    const exitFullscreenMethod = methodList === null || methodList === void 0 ? void 0 : methodList[1];
+    if (exitFullscreenMethod in document) {
+      for (const [index, method] of methodList.entries()) {
+        returnValue[unprefixedMethods[index]] = method;
+      }
+      return returnValue;
+    }
+  }
+  return false;
+})();
+const eventNameMap = {
+  change: nativeAPI.fullscreenchange,
+  error: nativeAPI.fullscreenerror
+};
+let screenfull = {
+  // eslint-disable-next-line default-param-last
+  request(element = document.documentElement, options) {
+    return new Promise((resolve, reject) => {
+      const onFullScreenEntered = () => {
+        screenfull.off('change', onFullScreenEntered);
+        resolve();
+      };
+      screenfull.on('change', onFullScreenEntered);
+      const returnPromise = element[nativeAPI.requestFullscreen](options);
+      if (returnPromise instanceof Promise) {
+        returnPromise.then(onFullScreenEntered).catch(reject);
+      }
+    });
+  },
+  exit() {
+    return new Promise((resolve, reject) => {
+      if (!screenfull.isFullscreen) {
+        resolve();
+        return;
+      }
+      const onFullScreenExit = () => {
+        screenfull.off('change', onFullScreenExit);
+        resolve();
+      };
+      screenfull.on('change', onFullScreenExit);
+      const returnPromise = document[nativeAPI.exitFullscreen]();
+      if (returnPromise instanceof Promise) {
+        returnPromise.then(onFullScreenExit).catch(reject);
+      }
+    });
+  },
+  toggle(element, options) {
+    return screenfull.isFullscreen ? screenfull.exit() : screenfull.request(element, options);
+  },
+  onchange(callback) {
+    screenfull.on('change', callback);
+  },
+  onerror(callback) {
+    screenfull.on('error', callback);
+  },
+  on(event, callback) {
+    const eventName = eventNameMap[event];
+    if (eventName) {
+      document.addEventListener(eventName, callback, false);
+    }
+  },
+  off(event, callback) {
+    const eventName = eventNameMap[event];
+    if (eventName) {
+      document.removeEventListener(eventName, callback, false);
+    }
+  },
+  raw: nativeAPI
+};
+Object.defineProperties(screenfull, {
+  isFullscreen: {
+    get: () => Boolean(document[nativeAPI.fullscreenElement])
+  },
+  element: {
+    enumerable: true,
+    get: () => {
+      var _document$nativeAPI$f;
+      return (_document$nativeAPI$f = document[nativeAPI.fullscreenElement]) !== null && _document$nativeAPI$f !== void 0 ? _document$nativeAPI$f : undefined;
+    }
+  },
+  isEnabled: {
+    enumerable: true,
+    // Coerce to boolean in case of old WebKit.
+    get: () => Boolean(document[nativeAPI.fullscreenEnabled])
+  }
+});
+if (!nativeAPI) {
+  screenfull = {
+    isEnabled: false
+  };
+}
+export default screenfull;

package/lib/@antv/l7-component/lib/assets/iconfont/iconfont.js

@@ -0,0 +1,48 @@
+"use strict";
+
+/* eslint-disable */
+window._iconfont_svg_string_3580659 = '<svg><symbol id="l7-icon-area1" viewBox="0 0 1024 1024"><path d="M796.444444 56.888889a113.777778 113.777778 0 0 1 43.064889 219.136l38.798223 466.261333a113.777778 113.777778 0 1 1-133.518223 145.237334H279.210667a113.777778 113.777778 0 1 1-60.302223-137.272889L697.856 227.555556A113.777778 113.777778 0 0 1 796.444444 56.888889z m56.888889 750.933333a45.511111 45.511111 0 1 0 0 91.022222 45.511111 45.511111 0 0 0 0-91.022222z m-682.666666 0a45.511111 45.511111 0 1 0 0 91.022222 45.511111 45.511111 0 0 0 0-91.022222z m577.592889-534.072889L269.198222 796.444444c4.152889 7.168 7.509333 14.791111 10.012445 22.812445h465.578666a114.119111 114.119111 0 0 1 65.479111-71.224889l-38.798222-466.261333a112.924444 112.924444 0 0 1-23.210666-7.964445zM796.444444 125.155556a45.511111 45.511111 0 1 0 0 91.022222 45.511111 45.511111 0 0 0 0-91.022222z"  ></path></symbol><symbol id="l7-icon-area" viewBox="0 0 1024 1024"><path d="M796.444444 56.888889a113.777778 113.777778 0 0 1 43.008 219.136l38.855112 466.261333a113.777778 113.777778 0 0 1-16.497778 224.540445L853.333333 967.111111a113.777778 113.777778 0 0 1-108.544-79.644444H279.210667a113.834667 113.834667 0 0 1-100.067556 79.36L170.666667 967.111111a113.777778 113.777778 0 0 1-17.066667-226.304l30.492444-351.175111a113.777778 113.777778 0 0 1 34.986667-218.680889L227.555556 170.666667a113.777778 113.777778 0 0 1 99.896888 59.221333l355.84-71.395556a113.777778 113.777778 0 0 1 104.675556-101.262222L796.444444 56.888889z m56.888889 750.933333a45.511111 45.511111 0 1 0 0 91.022222 45.511111 45.511111 0 0 0 0-91.022222z m-682.666666 0a45.511111 45.511111 0 1 0 0 91.022222 45.511111 45.511111 0 0 0 0-91.022222z m526.051555-582.314666L340.650667 296.903111a113.891556 113.891556 0 0 1-88.462223 98.645333l-30.947555 355.84c27.477333 13.653333 48.64 38.115556 58.026667 67.754667h465.521777a114.119111 114.119111 0 0 1 65.536-71.168l-38.855111-466.261333a113.948444 113.948444 0 0 1-74.752-56.206222zM227.555556 238.933333a45.511111 45.511111 0 1 0 0 91.022223 45.511111 45.511111 0 0 0 0-91.022223z m568.888888-113.777777a45.511111 45.511111 0 1 0 0 91.022222 45.511111 45.511111 0 0 0 0-91.022222z"  ></path></symbol><symbol id="l7-icon-delete" viewBox="0 0 1024 1024"><path d="M705.422222 85.333333a34.133333 34.133333 0 0 1 34.133334 34.133334V227.555556h136.533333a34.133333 34.133333 0 0 1 0 68.266666h-25.543111l-24.348445 610.076445a34.133333 34.133333 0 0 1-34.133333 32.768H231.936a34.133333 34.133333 0 0 1-34.076444-32.768L173.340444 295.822222H147.911111a34.133333 34.133333 0 1 1 0-68.266666H284.444444V119.466667a34.133333 34.133333 0 0 1 34.133334-34.133334h386.844444zM241.720889 295.822222l22.983111 574.577778h494.535111l23.04-574.577778H241.720889zM671.288889 153.6H352.711111V227.555556h318.577778V153.6z"  ></path></symbol><symbol id="l7-icon-color" viewBox="0 0 1024 1024"><path d="M512 56.888889c9.841778 0 19.626667 0.341333 29.354667 0.910222 69.176889 4.437333 119.068444 62.577778 124.302222 131.072l0.455111 9.386667c0.739556 44.600889 15.303111 84.935111 44.999111 114.631111 27.022222 27.022222 62.805333 41.528889 102.570667 44.430222l12.060444 0.568889c72.476444 1.194667 135.793778 52.451556 140.458667 124.757333 1.137778 18.261333 1.251556 36.807111 0.170667 55.637334-13.198222 233.585778-211.399111 424.220444-445.326223 428.714666L512 967.111111a455.111111 455.111111 0 0 1-455.054222-464.156444c4.551111-233.927111 195.185778-432.128 428.771555-445.326223C494.535111 57.116444 503.296 56.888889 512 56.888889z m0 68.266667a385.706667 385.706667 0 0 0-22.414222 0.625777C291.726222 136.988444 129.080889 305.948444 125.155556 504.263111c-4.152889 212.366222 163.100444 387.185778 372.508444 394.353778l13.425778 0.227555 8.533333-0.113777c198.371556-3.811556 367.331556-166.456889 378.538667-364.373334a396.174222 396.174222 0 0 0-0.170667-47.331555c-1.991111-31.232-29.127111-56.604444-67.128889-60.472889l-8.248889-0.455111-14.051555-0.682667c-56.547556-4.209778-107.406222-25.884444-145.806222-64.284444-38.855111-38.798222-60.416-90.225778-64.284445-145.749334l-0.910222-21.333333c-2.901333-38.001778-28.785778-66.048-60.302222-68.096A433.891556 433.891556 0 0 0 512 125.155556zM438.044444 682.666667a68.266667 68.266667 0 1 1 0 136.533333 68.266667 68.266667 0 0 1 0-136.533333z m-170.666666-227.555556a68.266667 68.266667 0 1 1 0 136.533333 68.266667 68.266667 0 0 1 0-136.533333z m142.222222-227.555555a68.266667 68.266667 0 1 1 0 136.533333 68.266667 68.266667 0 0 1 0-136.533333z"  ></path></symbol><symbol id="l7-icon-base-map" viewBox="0 0 1024 1024"><path d="M923.761778 115.029333A34.133333 34.133333 0 0 1 967.111111 147.911111v624.128a34.133333 34.133333 0 0 1-22.186667 32.028445l-278.755555 103.992888a34.133333 34.133333 0 0 1-23.665778 0.056889L381.724444 812.714667a34.133333 34.133333 0 0 0-23.665777 0.113777L102.968889 908.060444a34.133333 34.133333 0 0 1-45.738667-26.965333L56.888889 876.088889V251.960889a34.133333 34.133333 0 0 1 22.186667-32.028445l278.755555-103.992888a34.133333 34.133333 0 0 1 20.992-0.967112l266.183111 72.988445a34.133333 34.133333 0 0 0 18.204445 0zM403.911111 192.625778v555.576889l216.177778 79.075555V251.960889l-216.177778-59.335111z m-68.266667 4.380444L125.155556 275.569778v551.310222l210.432-78.506667V197.006222zM898.844444 192.853333l-210.545777 58.936889v575.089778l210.545777-78.563556V192.853333z"  ></path></symbol><symbol id="l7-icon-dot" viewBox="0 0 1024 1024"><path d="M341.333333 739.555556a113.777778 113.777778 0 0 1 8.533334 227.271111L341.333333 967.111111a113.777778 113.777778 0 0 1-8.533333-227.271111L341.333333 739.555556z m0 68.266666a45.511111 45.511111 0 1 0 0 91.022222 45.511111 45.511111 0 0 0 0-91.022222zM910.222222 341.333333a113.777778 113.777778 0 0 1 8.533334 227.271111L910.222222 568.888889a113.777778 113.777778 0 0 1-8.533333-227.271111L910.222222 341.333333z m0 68.266667a45.511111 45.511111 0 1 0 0 91.022222 45.511111 45.511111 0 0 0 0-91.022222zM227.555556 56.888889a113.777778 113.777778 0 0 1 8.533333 227.271111L227.555556 284.444444a113.777778 113.777778 0 0 1-8.533334-227.271111L227.555556 56.888889z m0 68.266667a45.511111 45.511111 0 1 0 0 91.022222 45.511111 45.511111 0 0 0 0-91.022222z"  ></path></symbol><symbol id="l7-icon-display" viewBox="0 0 1024 1024"><path d="M512 170.666667c284.444444 0 455.111111 227.555556 455.111111 341.333333s-170.666667 341.333333-455.111111 341.333333-455.111111-227.555556-455.111111-341.333333 170.666667-341.333333 455.111111-341.333333z m0 68.266666C303.729778 238.933333 125.155556 401.237333 125.155556 512c0 110.762667 178.574222 273.066667 386.844444 273.066667s386.844444-162.304 386.844444-273.066667c0-110.762667-178.574222-273.066667-386.844444-273.066667zM512 341.333333a170.666667 170.666667 0 1 1 0 341.333334 170.666667 170.666667 0 0 1 0-341.333334z m0 68.266667a102.4 102.4 0 1 0 0 204.8 102.4 102.4 0 0 0 0-204.8z"  ></path></symbol><symbol id="l7-icon-enlarge" viewBox="0 0 1024 1024"><path d="M546.133333 147.911111l-0.056889 329.955556H876.088889a34.133333 34.133333 0 0 1 0 68.266666H546.076444v329.955556a34.133333 34.133333 0 0 1-68.266666 0V546.133333H147.911111a34.133333 34.133333 0 1 1 0-68.266666h329.898667V147.911111a34.133333 34.133333 0 0 1 68.266666 0z"  ></path></symbol><symbol id="l7-icon-export-picture" viewBox="0 0 1024 1024"><path d="M883.873684 161.684211a32.336842 32.336842 0 0 1 32.336842 32.336842v582.063158a32.336842 32.336842 0 0 1-32.336842 32.336842H86.231579a32.336842 32.336842 0 0 1-32.336842-32.336842V194.021053a32.336842 32.336842 0 0 1 32.336842-32.336842h797.642105z m-32.336842 64.673684H118.568421v517.389473h170.792421a32.175158 32.175158 0 0 1 0.431158-0.646736l3.772632-4.473264 330.320842-330.374736a32.336842 32.336842 0 0 1 38.588631-5.389474l4.473263 3.018105 184.589474 147.725474V226.357895z m-202.428631 248.131368L379.850105 743.747368H851.536842v-107.304421l-202.428631-161.953684zM323.368421 323.368421a107.789474 107.789474 0 1 1 0 215.578947 107.789474 107.789474 0 0 1 0-215.578947z m0 64.673684a43.115789 43.115789 0 1 0 0 86.231579 43.115789 43.115789 0 0 0 0-86.231579z"  ></path></symbol><symbol id="l7-icon-exit-fullscreen" viewBox="0 0 1024 1024"><path d="M841.955556 591.644444a34.133333 34.133333 0 0 1 5.518222 67.811556l-5.518222 0.455111h-133.745778l192 192.056889a34.133333 34.133333 0 0 1-38.343111 55.182222l-5.176889-2.958222-4.721778-3.982222L659.911111 708.266667V841.955556a34.133333 34.133333 0 0 1-28.615111 33.678222L625.777778 876.088889a34.133333 34.133333 0 0 1-33.678222-28.615111L591.644444 841.955556V625.777778a34.133333 34.133333 0 0 1 28.615112-33.678222L625.777778 591.644444h216.177778z m-443.733334 0a34.133333 34.133333 0 0 1 33.678222 28.615112L432.355556 625.777778v216.177778a34.133333 34.133333 0 0 1-67.811556 5.518222L364.088889 841.955556v-133.745778l-192.056889 192a34.133333 34.133333 0 0 1-52.224-43.52l3.982222-4.721778L315.847111 659.911111H182.044444a34.133333 34.133333 0 0 1-33.678222-28.615111L147.911111 625.777778a34.133333 34.133333 0 0 1 28.615111-33.678222L182.044444 591.644444H398.222222zM167.310222 119.808l4.721778 3.982222L364.088889 315.847111V182.044444a34.133333 34.133333 0 0 1 28.615111-33.678222L398.222222 147.911111a34.133333 34.133333 0 0 1 33.678222 28.615111L432.355556 182.044444V398.222222a34.133333 34.133333 0 0 1-28.615112 33.678222L398.222222 432.355556H182.044444a34.133333 34.133333 0 0 1-5.518222-67.811556L182.044444 364.088889h133.802667L123.790222 172.032a34.133333 34.133333 0 0 1 43.52-52.224z m732.899556 3.982222a34.133333 34.133333 0 0 1 3.982222 43.52l-3.982222 4.721778L708.266667 364.088889H841.955556a34.133333 34.133333 0 0 1 33.678222 28.615111L876.088889 398.222222a34.133333 34.133333 0 0 1-28.615111 33.678222L841.955556 432.355556H625.777778a34.133333 34.133333 0 0 1-33.678222-28.615112L591.644444 398.222222V182.044444a34.133333 34.133333 0 0 1 67.811556-5.518222l0.455111 5.518222v133.802667l192.056889-192.056889a34.133333 34.133333 0 0 1 48.241778 0z"  ></path></symbol><symbol id="l7-icon-line" viewBox="0 0 1024 1024"><path d="M853.333333 56.888889a113.777778 113.777778 0 0 1 8.533334 227.271111L853.333333 284.444444c-19.000889 0-36.864-4.664889-52.622222-12.856888l-529.123555 529.066666a113.777778 113.777778 0 0 1-92.387556 166.115556L170.666667 967.111111a113.777778 113.777778 0 0 1-8.533334-227.271111L170.666667 739.555556c19.000889 0 36.864 4.664889 52.622222 12.856888l529.123555-529.066666a113.777778 113.777778 0 0 1 92.387556-166.115556L853.333333 56.888889zM170.666667 807.822222a45.511111 45.511111 0 1 0 0 91.022222 45.511111 45.511111 0 0 0 0-91.022222z m682.666666-682.666666a45.511111 45.511111 0 1 0 0 91.022222 45.511111 45.511111 0 0 0 0-91.022222z"  ></path></symbol><symbol id="l7-icon-layer" viewBox="0 0 1024 1024"><path d="M767.089778 625.777778l180.167111 82.773333a34.133333 34.133333 0 0 1 4.892444 59.278222l-4.892444 2.730667-420.977778 193.422222a34.133333 34.133333 0 0 1-22.983111 1.991111l-5.575111-1.991111-420.977778-193.422222a34.133333 34.133333 0 0 1-4.892444-59.278222l4.892444-2.730667L256.853333 625.777778l81.749334 37.546666L172.771556 739.555556 512 895.374222 851.171556 739.555556l-165.831112-76.231112 81.749334-37.546666z m0-227.555556l180.167111 82.773334a34.133333 34.133333 0 0 1 4.892444 59.278222l-4.892444 2.730666-420.977778 193.422223a34.133333 34.133333 0 0 1-22.983111 1.991111l-5.575111-1.991111-420.977778-193.422223a34.133333 34.133333 0 0 1-4.892444-59.278222l4.892444-2.730666L256.853333 398.222222l81.749334 37.546667-165.831111 76.174222L512 667.818667l339.171556-155.875556-165.831112-76.174222L767.089778 398.222222zM497.720889 60.017778a34.133333 34.133333 0 0 1 28.558222 0l420.977778 193.422222a34.133333 34.133333 0 0 1 0 62.008889l-420.977778 193.422222a34.133333 34.133333 0 0 1-28.558222 0l-420.977778-193.422222a34.133333 34.133333 0 0 1 0-62.008889zM512 128.568889L172.771556 284.387556 512 440.263111l339.171556-155.875555L512 128.568889z"  ></path></symbol><symbol id="l7-icon-narrow" viewBox="0 0 1024 1024"><path d="M910.222222 512a34.133333 34.133333 0 0 1-34.133333 34.133333H147.911111a34.133333 34.133333 0 1 1 0-68.266666h728.177778a34.133333 34.133333 0 0 1 34.133333 34.133333z"  ></path></symbol><symbol id="l7-icon-fullscreen" viewBox="0 0 1024 1024"><path d="M645.176889 597.674667l4.721778 3.982222L841.955556 793.6l0.056888-133.688889a34.133333 34.133333 0 0 1 28.615112-33.678222L876.088889 625.777778a34.133333 34.133333 0 0 1 33.678222 28.615111L910.222222 659.911111v216.177778a34.133333 34.133333 0 0 1-28.615111 33.678222L876.088889 910.222222h-216.177778a34.133333 34.133333 0 0 1-5.518222-67.811555l5.518222-0.455111h133.745778l-192-192.056889a34.133333 34.133333 0 0 1 43.52-52.224z m-222.833778 3.982222a34.133333 34.133333 0 0 1 3.982222 43.52l-3.982222 4.721778L230.286222 841.955556H364.088889a34.133333 34.133333 0 0 1 33.678222 28.615111L398.222222 876.088889a34.133333 34.133333 0 0 1-28.615111 33.678222L364.088889 910.222222H147.911111a34.133333 34.133333 0 0 1-33.678222-28.615111L113.777778 876.088889v-216.177778a34.133333 34.133333 0 0 1 67.811555-5.518222l0.455111 5.518222-0.056888 133.745778 192.113777-192a34.133333 34.133333 0 0 1 48.241778 0zM364.088889 113.777778a34.133333 34.133333 0 0 1 5.518222 67.811555L364.088889 182.044444H230.343111l192 192.056889a34.133333 34.133333 0 0 1-43.52 52.224l-4.721778-3.982222-192.113777-192.056889L182.044444 364.088889a34.133333 34.133333 0 0 1-28.615111 33.678222L147.911111 398.222222a34.133333 34.133333 0 0 1-33.678222-28.615111L113.777778 364.088889V147.911111a34.133333 34.133333 0 0 1 28.615111-33.678222L147.911111 113.777778h216.177778z m512 0a34.133333 34.133333 0 0 1 33.678222 28.615111L910.222222 147.911111v216.177778a34.133333 34.133333 0 0 1-67.811555 5.518222L841.955556 364.088889l-0.056889-133.745778-192 192a34.133333 34.133333 0 0 1-52.224-43.52l3.982222-4.721778L793.6 182.044444H659.911111a34.133333 34.133333 0 0 1-33.678222-28.615111L625.777778 147.911111a34.133333 34.133333 0 0 1 28.615111-33.678222L659.911111 113.777778h216.177778z"  ></path></symbol><symbol id="l7-icon-hide" viewBox="0 0 1024 1024"><path d="M875.52 87.836444a34.133333 34.133333 0 0 1 7.281778 43.121778l-3.527111 5.006222-682.666667 796.444445a34.133333 34.133333 0 0 1-55.409778-39.367111l3.527111-5.006222 97.166223-113.379556C123.164444 697.969778 56.888889 582.940444 56.888889 512c0-113.777778 170.666667-341.333333 455.111111-341.333333a496.64 496.64 0 0 1 208.952889 45.112889l106.439111-124.188445a34.133333 34.133333 0 0 1 48.128-3.754667z m-38.684444 202.524445C921.031111 362.951111 967.111111 452.835556 967.111111 512c0 113.777778-170.666667 341.333333-455.111111 341.333333-50.631111 0-97.678222-7.224889-140.8-19.740444l50.232889-58.595556A417.393778 417.393778 0 0 0 512 785.066667c208.270222 0 386.844444-162.304 386.844444-273.066667 0-52.849778-40.675556-117.418667-105.813333-170.496l43.804445-51.2zM512 238.933333C303.729778 238.933333 125.155556 401.237333 125.155556 512c0 66.787556 64.853333 152.291556 162.133333 209.692444L377.173333 616.675556a170.666667 170.666667 0 0 1 217.713778-253.895112l78.620445-91.704888A432.924444 432.924444 0 0 0 512 238.933333z m166.684444 236.088889a170.666667 170.666667 0 0 1-177.664 207.303111l177.607112-207.303111zM512 409.6a102.4 102.4 0 0 0-88.746667 153.486222L548.864 416.426667A102.172444 102.172444 0 0 0 512 409.6z"  ></path></symbol><symbol id="l7-icon-rectangle" viewBox="0 0 1024 1024"><path d="M170.666667 56.888889a113.777778 113.777778 0 0 1 108.544 79.644444H853.333333a34.133333 34.133333 0 0 1 33.678223 28.615111L887.466667 170.666667v574.122666a113.777778 113.777778 0 1 1-142.677334 142.734223L170.666667 887.466667a34.133333 34.133333 0 0 1-33.678223-28.615111L136.533333 853.333333V279.210667A113.777778 113.777778 0 0 1 170.666667 56.888889z m682.666666 750.933333a45.511111 45.511111 0 1 0 0 91.022222 45.511111 45.511111 0 0 0 0-91.022222z m-34.133333-603.022222H279.210667a114.062222 114.062222 0 0 1-74.353778 74.410667L204.8 819.2h539.989333a114.062222 114.062222 0 0 1 74.410667-74.410667V204.8zM170.666667 125.155556a45.511111 45.511111 0 1 0 0 91.022222 45.511111 45.511111 0 0 0 0-91.022222z"  ></path></symbol><symbol id="l7-icon-ranging" viewBox="0 0 1024 1024"><path d="M723.171556 50.403556l250.424888 250.424888a31.061333 31.061333 0 0 1 0 43.918223L344.746667 973.596444a31.061333 31.061333 0 0 1-43.918223 0L50.403556 723.171556a31.061333 31.061333 0 0 1 0-43.918223L679.253333 50.403556a31.061333 31.061333 0 0 1 43.918223 0z m-21.959112 74.524444l-39.765333 39.822222 98.986667 98.872889a34.133333 34.133333 0 0 1-44.088889 51.882667l-4.209778-3.640889-98.929778-98.929778-63.886222 63.886222 62.179556 62.122667a34.133333 34.133333 0 0 1-44.088889 51.882667L563.2 387.242667 501.077333 325.063111 437.191111 388.949333l98.986667 98.929778a34.133333 34.133333 0 0 1-44.088889 51.882667l-4.209778-3.640889-98.929778-98.929778-63.886222 63.886222L387.242667 563.2a34.133333 34.133333 0 0 1-44.088889 51.882667l-4.209778-3.584-62.122667-62.179556-63.886222 63.886222 98.986667 98.929778a34.133333 34.133333 0 0 1-44.088889 51.882667l-4.209778-3.640889-98.929778-98.929778-39.765333 39.822222 197.802667 197.745778 576.284444-576.284444-197.802667-197.745778z"  ></path></symbol><symbol id="l7-icon-reposition" viewBox="0 0 1024 1024"><path d="M512 56.888889a34.133333 34.133333 0 0 1 34.133333 34.133333v24.177778A398.336 398.336 0 0 1 908.856889 477.866667h24.177778a34.133333 34.133333 0 0 1 0 68.266666h-24.177778A398.336 398.336 0 0 1 546.133333 908.856889L546.133333 932.977778a34.133333 34.133333 0 0 1-68.266666 0v-24.177778A398.336 398.336 0 0 1 115.2 546.133333L91.022222 546.133333a34.133333 34.133333 0 1 1 0-68.266666h24.177778A398.336 398.336 0 0 1 477.866667 115.2V91.022222A34.133333 34.133333 0 0 1 512 56.888889z m34.190222 126.862222L546.133333 193.422222a34.133333 34.133333 0 1 1-68.266666 0v-9.671111A330.069333 330.069333 0 0 0 183.751111 477.866667h9.671111a34.133333 34.133333 0 1 1 0 68.266666l-9.671111 0.056889A330.069333 330.069333 0 0 0 477.866667 840.248889V830.577778a34.133333 34.133333 0 0 1 68.266666 0l0.056889 9.671111A330.069333 330.069333 0 0 0 840.248889 546.133333L830.577778 546.133333a34.133333 34.133333 0 0 1 0-68.266666h9.671111A330.069333 330.069333 0 0 0 546.133333 183.751111zM512 341.333333a170.666667 170.666667 0 1 1 0 341.333334 170.666667 170.666667 0 0 1 0-341.333334z m0 68.266667a102.4 102.4 0 1 0 0 204.8 102.4 102.4 0 0 0 0-204.8z"  ></path></symbol><symbol id="l7-icon-round" viewBox="0 0 1024 1024"><path d="M512 56.888889a455.111111 455.111111 0 0 1 391.395556 687.502222 113.777778 113.777778 0 0 1-159.061334 158.890667A455.111111 455.111111 0 0 1 120.604444 279.608889 113.777778 113.777778 0 0 1 279.608889 120.604444 452.835556 452.835556 0 0 1 512 56.888889z m0 68.266667a384.910222 384.910222 0 0 0-191.715556 50.744888A113.777778 113.777778 0 0 1 175.957333 320.284444a386.844444 386.844444 0 0 0 527.815111 527.758223 113.777778 113.777778 0 0 1 144.270223-144.440889A386.844444 386.844444 0 0 0 512 125.155556z m299.406222 640.739555a45.511111 45.511111 0 1 0 0 91.022222 45.511111 45.511111 0 0 0 0-91.022222zM212.593778 167.082667a45.511111 45.511111 0 1 0 0 91.022222 45.511111 45.511111 0 0 0 0-91.022222z"  ></path></symbol><symbol id="l7-icon-guanbi" viewBox="0 0 1024 1024"><path d="M576 512l277.333333 277.333333-64 64-277.333333-277.333333L234.666667 853.333333 170.666667 789.333333l277.333333-277.333333L170.666667 234.666667 234.666667 170.666667l277.333333 277.333333L789.333333 170.666667 853.333333 234.666667 576 512z"  ></path></symbol></svg>', function (t) {
+  try {
+    var a = (a = document.getElementsByTagName('script'))[a.length - 1],
+      l = a.getAttribute('data-injectcss'),
+      a = a.getAttribute('data-disable-injectsvg');
+    if (!a) {
+      var o,
+        e,
+        i,
+        n,
+        m,
+        c = function (a, l) {
+          l.parentNode.insertBefore(a, l);
+        };
+      if (l && !t.__iconfont__svg__cssinject__) {
+        t.__iconfont__svg__cssinject__ = !0;
+        try {
+          document.write('<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>');
+        } catch (a) {
+          console && console.log(a);
+        }
+      }
+      o = function () {
+        var a,
+          l = document.createElement('div');
+        l.innerHTML = t._iconfont_svg_string_3580659, (l = l.getElementsByTagName('svg')[0]) && (l.setAttribute('aria-hidden', 'true'), l.style.position = 'absolute', l.style.width = 0, l.style.height = 0, l.style.overflow = 'hidden', l = l, (a = document.body).firstChild ? c(l, a.firstChild) : a.appendChild(l));
+      }, document.addEventListener ? ~['complete', 'loaded', 'interactive'].indexOf(document.readyState) ? setTimeout(o, 0) : (e = function () {
+        document.removeEventListener('DOMContentLoaded', e, !1), o();
+      }, document.addEventListener('DOMContentLoaded', e, !1)) : document.attachEvent && (i = o, n = t.document, m = !1, L(), n.onreadystatechange = function () {
+        'complete' == n.readyState && (n.onreadystatechange = null, d());
+      });
+    }
+    function d() {
+      m || (m = !0, i());
+    }
+    function L() {
+      try {
+        n.documentElement.doScroll('left');
+      } catch (a) {
+        return void setTimeout(L, 50);
+      }
+      d();
+    }
+  } catch (e) {}
+}(window);

package/lib/@antv/l7-component/lib/constants/index.d.ts

@@ -0,0 +1,60 @@
+export declare const GaodeMapStyleConfig: {
+    normal: {
+        text: string;
+        img: string;
+    };
+    light: {
+        text: string;
+        img: string;
+    };
+    dark: {
+        text: string;
+        img: string;
+    };
+    fresh: {
+        text: string;
+        img: string;
+    };
+    grey: {
+        text: string;
+        img: string;
+    };
+    graffiti: {
+        text: string;
+        img: string;
+    };
+    macaron: {
+        text: string;
+        img: string;
+    };
+    darkblue: {
+        text: string;
+        img: string;
+    };
+    wine: {
+        text: string;
+        img: string;
+    };
+};
+export declare const MapboxMapStyleConfig: {
+    normal: {
+        text: string;
+        img: string;
+    };
+    light: {
+        text: string;
+        img: string;
+    };
+    dark: {
+        text: string;
+        img: string;
+    };
+    satellite: {
+        text: string;
+        img: string;
+    };
+    outdoors: {
+        text: string;
+        img: string;
+    };
+};

package/lib/@antv/l7-component/lib/constants/index.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MapboxMapStyleConfig = exports.GaodeMapStyleConfig = void 0;
+const GaodeMapStyleConfig = exports.GaodeMapStyleConfig = {
+  normal: {
+    text: '标准',
+    img: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*qdFDSbvIalgAAAAAAAAAAAAADmJ7AQ/original'
+  },
+  light: {
+    text: '月光银',
+    img: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*d-vcRLzu8WIAAAAAAAAAAAAADmJ7AQ/original'
+  },
+  dark: {
+    text: '幻影黑',
+    img: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*HMbRTI3XnpIAAAAAAAAAAAAADmJ7AQ/original'
+  },
+  fresh: {
+    text: '草色青',
+    img: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*kqaGQ5kjSiAAAAAAAAAAAAAADmJ7AQ/original'
+  },
+  grey: {
+    text: '雅士灰',
+    img: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*XegrTpZIbqAAAAAAAAAAAAAADmJ7AQ/original'
+  },
+  graffiti: {
+    text: '涂鸦',
+    img: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*G5g9SZ_Jg4cAAAAAAAAAAAAADmJ7AQ/original'
+  },
+  macaron: {
+    text: '马卡龙',
+    img: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*irVvQbDpQMwAAAAAAAAAAAAADmJ7AQ/original'
+  },
+  darkblue: {
+    text: '极夜蓝',
+    img: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*lKRzQYB4iR0AAAAAAAAAAAAADmJ7AQ/original'
+  },
+  wine: {
+    text: '酱籽',
+    img: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*orY0T7QL-lwAAAAAAAAAAAAADmJ7AQ/original'
+  }
+};
+const MapboxMapStyleConfig = exports.MapboxMapStyleConfig = {
+  normal: {
+    text: '标准',
+    img: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*kIyZTok4Uk0AAAAAAAAAAAAADmJ7AQ/original'
+  },
+  light: {
+    text: '亮',
+    img: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*Z3JRQKDI-cIAAAAAAAAAAAAADmJ7AQ/original'
+  },
+  dark: {
+    text: '暗',
+    img: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*d7HCQbfmyaoAAAAAAAAAAAAADmJ7AQ/original'
+  },
+  satellite: {
+    text: '卫星',
+    img: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*TytUT6pS9okAAAAAAAAAAAAADmJ7AQ/original'
+  },
+  outdoors: {
+    text: '户外',
+    img: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*hWwFSYJEFWsAAAAAAAAAAAAADmJ7AQ/original'
+  }
+};