@antv/l7-map 2.21.11-beta.4 → 2.21.11-beta.6

package/lib/map.d.ts

@@ -1,70 +0,0 @@
-import Camera from './camera';
-import './css/l7.css';
-import type { LngLatLike } from './geo/lng_lat';
-import LngLat from './geo/lng_lat';
-import type { LngLatBoundsLike } from './geo/lng_lat_bounds';
-import LngLatBounds from './geo/lng_lat_bounds';
-import type { PointLike } from './geo/point';
-import Point from './geo/point';
-import type BoxZoomHandler from './handler/box_zoom';
-import HandlerManager from './handler/handler_manager';
-import type KeyboardHandler from './handler/keyboard';
-import type ScrollZoomHandler from './handler/scroll_zoom';
-import type DoubleClickZoomHandler from './handler/shim/dblclick_zoom';
-import type DragPanHandler from './handler/shim/drag_pan';
-import type DragRotateHandler from './handler/shim/drag_rotate';
-import type TouchZoomRotateHandler from './handler/shim/touch_zoom_rotate';
-import type { TouchPitchHandler } from './handler/touch';
-import type { IMapOptions } from './interface';
-import type { TaskID } from './utils/task_queue';
-type CallBack = (_: number) => void;
-export declare class Map extends Camera {
-    doubleClickZoom: DoubleClickZoomHandler;
-    dragRotate: DragRotateHandler;
-    dragPan: DragPanHandler;
-    touchZoomRotate: TouchZoomRotateHandler;
-    scrollZoom: ScrollZoomHandler;
-    keyboard: KeyboardHandler;
-    touchPitch: TouchPitchHandler;
-    boxZoom: BoxZoomHandler;
-    handlers: HandlerManager;
-    private container;
-    private canvas;
-    private canvasContainer;
-    private renderTaskQueue;
-    private frame;
-    private trackResize;
-    private hash;
-    constructor(options: Partial<IMapOptions>);
-    resize(eventData?: any): this;
-    getContainer(): HTMLElement;
-    getCanvas(): HTMLCanvasElement;
-    getCanvasContainer(): HTMLElement;
-    getCanvasOverlays(): HTMLElement;
-    project(lngLat: LngLatLike): Point;
-    unproject(point: PointLike): LngLat;
-    getBounds(): LngLatBounds;
-    getMaxBounds(): LngLatBounds | null;
-    setMaxBounds(bounds: LngLatBoundsLike): void;
-    setStyle(style: any): void;
-    setMinZoom(minZoom?: number): this;
-    getMinZoom(): number;
-    setMaxZoom(maxZoom?: number): this;
-    getMaxZoom(): number;
-    setMinPitch(minPitch?: number): this;
-    getMinPitch(): number;
-    setMaxPitch(maxPitch?: number): this;
-    getMaxPitch(): number;
-    getRenderWorldCopies(): boolean;
-    setRenderWorldCopies(renderWorldCopies?: boolean): void;
-    remove(): void;
-    requestRenderFrame(cb: CallBack): TaskID;
-    cancelRenderFrame(id: TaskID): void;
-    triggerRepaint(): void;
-    update(time?: number): void;
-    private initContainer;
-    private containerDimensions;
-    private onWindowOnline;
-    private onWindowResize;
-}
-export {};

package/lib/map.js

@@ -1,478 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Map = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _l7Utils = require("@antv/l7-utils");
-var _camera = _interopRequireDefault(require("./camera"));
-var _lng_lat = _interopRequireDefault(require("./geo/lng_lat"));
-var _lng_lat_bounds = _interopRequireDefault(require("./geo/lng_lat_bounds"));
-var _point = _interopRequireDefault(require("./geo/point"));
-var _handler_manager = _interopRequireDefault(require("./handler/handler_manager"));
-var _hash = _interopRequireDefault(require("./hash"));
-var _util = require("./util");
-var _performance = require("./utils/performance");
-var _task_queue = _interopRequireDefault(require("./utils/task_queue"));
-function loadStyles(css, doc) {
-  var isMiniAli = typeof my !== 'undefined' && !!my && typeof my.showToast === 'function' && my.isFRM !== true;
-  var isWeChatMiniProgram = typeof wx !== 'undefined' && wx !== null && (typeof wx.request !== 'undefined' || typeof wx.miniProgram !== 'undefined');
-  if (isMiniAli || isWeChatMiniProgram) {
-    return;
-  }
-  if (!doc) doc = document;
-  if (!doc) {
-    return;
-  }
-  var head = doc.head || doc.getElementsByTagName('head')[0];
-  if (!head) {
-    head = doc.createElement('head');
-    var body = doc.body || doc.getElementsByTagName('body')[0];
-    if (body) {
-      body.parentNode.insertBefore(head, body);
-    } else {
-      doc.documentElement.appendChild(head);
-    }
-  }
-  var style = doc.createElement('style');
-  style.type = 'text/css';
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(doc.createTextNode(css));
-  }
-  head.appendChild(style);
-  return style;
-}
-loadStyles(`.l7-map {
-  font:
-    12px/20px 'Helvetica Neue',
-    Arial,
-    Helvetica,
-    sans-serif;
-  overflow: hidden;
-  position: relative;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-
-.l7-canvas {
-  position: absolute;
-  left: 0;
-  top: 0;
-}
-
-.l7-map:-webkit-full-screen {
-  width: 100%;
-  height: 100%;
-}
-
-.l7-canary {
-  background-color: salmon;
-}
-
-.l7-canvas-container.l7-interactive,
-.l7-ctrl-group button.l7-ctrl-compass {
-  cursor: grab;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-
-.l7-canvas-container.l7-interactive.l7-track-pointer {
-  cursor: pointer;
-}
-
-.l7-canvas-container.l7-interactive:active,
-.l7-ctrl-group button.l7-ctrl-compass:active {
-  cursor: grabbing;
-}
-
-.l7-canvas-container.l7-touch-zoom-rotate,
-.l7-canvas-container.l7-touch-zoom-rotate .l7-canvas {
-  touch-action: pan-x pan-y;
-}
-
-.l7-canvas-container.l7-touch-drag-pan,
-.l7-canvas-container.l7-touch-drag-pan .l7-canvas {
-  touch-action: pinch-zoom;
-}
-
-.l7-canvas-container.l7-touch-zoom-rotate.l7-touch-drag-pan,
-.l7-canvas-container.l7-touch-zoom-rotate.l7-touch-drag-pan .l7-canvas {
-  touch-action: none;
-}
-
-.l7-ctrl-top-left,
-.l7-ctrl-top-right,
-.l7-ctrl-bottom-left,
-.l7-ctrl-bottom-right {
-  position: absolute;
-  pointer-events: none;
-  z-index: 2;
-}
-.l7-ctrl-top-left {
-  top: 0;
-  left: 0;
-}
-.l7-ctrl-top-right {
-  top: 0;
-  right: 0;
-}
-.l7-ctrl-bottom-left {
-  bottom: 0;
-  left: 0;
-}
-.l7-ctrl-bottom-right {
-  right: 0;
-  bottom: 0;
-}
-
-.l7-ctrl {
-  clear: both;
-  pointer-events: auto;
-
-  /* workaround for a Safari bug https://github.com/mapbox/mapbox-gl-js/issues/8185 */
-  -webkit-transform: translate(0, 0);
-          transform: translate(0, 0);
-}
-.l7-ctrl-top-left .l7-ctrl {
-  margin: 10px 0 0 10px;
-  float: left;
-}
-.l7-ctrl-top-right .l7-ctrl {
-  margin: 10px 10px 0 0;
-  float: right;
-}
-.l7-ctrl-bottom-left .l7-ctrl {
-  margin: 0 0 10px 10px;
-  float: left;
-}
-.l7-ctrl-bottom-right .l7-ctrl {
-  margin: 0 10px 10px 0;
-  float: right;
-}
-
-.l7-crosshair,
-.l7-crosshair .l7-interactive,
-.l7-crosshair .l7-interactive:active {
-  cursor: crosshair;
-}
-
-.l7-boxzoom {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 0;
-  height: 0;
-  background: #fff;
-  border: 2px dotted #202020;
-  opacity: 0.5;
-  z-index: 10;
-}
-`); // @ts-ignore
-(function () {
-  if (typeof window.CustomEvent === 'function') return false; //If not IE
-
-  function CustomEvent(event, params) {
-    params = params || {
-      bubbles: false,
-      cancelable: false,
-      detail: undefined
-    };
-    const evt = document.createEvent('CustomEvent');
-    evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
-    return evt;
-  }
-  CustomEvent.prototype = window.Event.prototype;
-  // @ts-ignore
-  window.CustomEvent = CustomEvent;
-})();
-const defaultMinZoom = -2;
-const defaultMaxZoom = 22;
-const {
-  merge
-} = _l7Utils.lodashUtil;
-// the default values, but also the valid range
-const defaultMinPitch = 0;
-const defaultMaxPitch = 60;
-const DefaultOptions = {
-  hash: false,
-  zoom: -1,
-  center: [112, 32],
-  pitch: 0,
-  bearing: 0,
-  interactive: true,
-  minZoom: defaultMinZoom,
-  maxZoom: defaultMaxZoom,
-  minPitch: defaultMinPitch,
-  maxPitch: defaultMaxPitch,
-  scrollZoom: true,
-  boxZoom: true,
-  dragRotate: true,
-  dragPan: true,
-  keyboard: true,
-  doubleClickZoom: true,
-  touchZoomRotate: true,
-  touchPitch: true,
-  bearingSnap: 7,
-  clickTolerance: 3,
-  pitchWithRotate: true,
-  trackResize: true,
-  renderWorldCopies: true,
-  pitchEnabled: true,
-  rotateEnabled: true
-};
-class Map extends _camera.default {
-  constructor(options) {
-    super(merge({}, DefaultOptions, options));
-    (0, _defineProperty2.default)(this, "doubleClickZoom", void 0);
-    (0, _defineProperty2.default)(this, "dragRotate", void 0);
-    (0, _defineProperty2.default)(this, "dragPan", void 0);
-    (0, _defineProperty2.default)(this, "touchZoomRotate", void 0);
-    (0, _defineProperty2.default)(this, "scrollZoom", void 0);
-    (0, _defineProperty2.default)(this, "keyboard", void 0);
-    (0, _defineProperty2.default)(this, "touchPitch", void 0);
-    (0, _defineProperty2.default)(this, "boxZoom", void 0);
-    (0, _defineProperty2.default)(this, "handlers", void 0);
-    (0, _defineProperty2.default)(this, "container", void 0);
-    (0, _defineProperty2.default)(this, "canvas", void 0);
-    (0, _defineProperty2.default)(this, "canvasContainer", void 0);
-    (0, _defineProperty2.default)(this, "renderTaskQueue", new _task_queue.default());
-    (0, _defineProperty2.default)(this, "frame", void 0);
-    (0, _defineProperty2.default)(this, "trackResize", true);
-    (0, _defineProperty2.default)(this, "hash", void 0);
-    (0, _defineProperty2.default)(this, "onWindowOnline", () => {
-      this.update();
-    });
-    (0, _defineProperty2.default)(this, "onWindowResize", event => {
-      if (this.trackResize) {
-        this.resize({
-          originalEvent: event
-        }).update();
-      }
-    });
-    this.initContainer();
-    this.resize();
-    this.handlers = new _handler_manager.default(this, this.options);
-    if (typeof window !== 'undefined') {
-      window.addEventListener('online', this.onWindowOnline, false);
-      window.addEventListener('resize', this.onWindowResize, false);
-      window.addEventListener('orientationchange', this.onWindowResize, false);
-    }
-    const hashName = typeof options.hash === 'string' && options.hash || undefined;
-    if (options.hash) {
-      this.hash = new _hash.default(hashName).addTo(this);
-    }
-
-    // don't set position from options if set through hash
-    if (!this.hash || !this.hash.onHashChange()) {
-      this.jumpTo({
-        center: options.center,
-        zoom: options.zoom,
-        bearing: options.bearing,
-        pitch: options.pitch
-      });
-      if (options.bounds) {
-        this.resize();
-        this.fitBounds(options.bounds, merge({}, options.fitBoundsOptions, {
-          duration: 0
-        }));
-      }
-    }
-  }
-  resize(eventData) {
-    const [width, height] = this.containerDimensions();
-    this.transform.resize(width, height);
-    // 小程序环境不需要执行后续动作
-    const fireMoving = !this.moving;
-    if (fireMoving) {
-      this.stop();
-      this.emit('movestart', new window.CustomEvent('movestart', eventData));
-      this.emit('move', new window.CustomEvent('move', eventData));
-    }
-    this.emit('resize', new window.CustomEvent('resize', eventData));
-    if (fireMoving) {
-      this.emit('moveend', new window.CustomEvent('moveend', eventData));
-    }
-    return this;
-  }
-  getContainer() {
-    return this.container;
-  }
-  getCanvas() {
-    return this.canvas;
-  }
-  getCanvasContainer() {
-    return this.canvasContainer;
-  }
-  getCanvasOverlays() {
-    return this.getCanvasContainer();
-  }
-  project(lngLat) {
-    return this.transform.locationPoint(_lng_lat.default.convert(lngLat));
-  }
-  unproject(point) {
-    return this.transform.pointLocation(_point.default.convert(point));
-  }
-  getBounds() {
-    return this.transform.getBounds();
-  }
-  getMaxBounds() {
-    return this.transform.getMaxBounds();
-  }
-  setMaxBounds(bounds) {
-    this.transform.setMaxBounds(_lng_lat_bounds.default.convert(bounds));
-  }
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  setStyle(style) {
-    return;
-  }
-  setMinZoom(minZoom) {
-    minZoom = minZoom === null || minZoom === undefined ? defaultMinZoom : minZoom;
-    if (minZoom >= defaultMinZoom && minZoom <= this.transform.maxZoom) {
-      this.transform.minZoom = minZoom;
-      if (this.getZoom() < minZoom) {
-        this.setZoom(minZoom);
-      }
-      return this;
-    } else {
-      throw new Error(`minZoom must be between ${defaultMinZoom} and the current maxZoom, inclusive`);
-    }
-  }
-  getMinZoom() {
-    return this.transform.minZoom;
-  }
-  setMaxZoom(maxZoom) {
-    maxZoom = maxZoom === null || maxZoom === undefined ? defaultMaxZoom : maxZoom;
-    if (maxZoom >= this.transform.minZoom) {
-      this.transform.maxZoom = maxZoom;
-      if (this.getZoom() > maxZoom) {
-        this.setZoom(maxZoom);
-      }
-      return this;
-    } else {
-      throw new Error('maxZoom must be greater than the current minZoom');
-    }
-  }
-  getMaxZoom() {
-    return this.transform.maxZoom;
-  }
-  setMinPitch(minPitch) {
-    minPitch = minPitch === null || minPitch === undefined ? defaultMinPitch : minPitch;
-    if (minPitch < defaultMinPitch) {
-      throw new Error(`minPitch must be greater than or equal to ${defaultMinPitch}`);
-    }
-    if (minPitch >= defaultMinPitch && minPitch <= this.transform.maxPitch) {
-      this.transform.minPitch = minPitch;
-      if (this.getPitch() < minPitch) {
-        this.setPitch(minPitch);
-      }
-      return this;
-    } else {
-      throw new Error(`minPitch must be between ${defaultMinPitch} and the current maxPitch, inclusive`);
-    }
-  }
-  getMinPitch() {
-    return this.transform.minPitch;
-  }
-  setMaxPitch(maxPitch) {
-    maxPitch = maxPitch === null || maxPitch === undefined ? defaultMaxPitch : maxPitch;
-    if (maxPitch > defaultMaxPitch) {
-      throw new Error(`maxPitch must be less than or equal to ${defaultMaxPitch}`);
-    }
-    if (maxPitch >= this.transform.minPitch) {
-      this.transform.maxPitch = maxPitch;
-      if (this.getPitch() > maxPitch) {
-        this.setPitch(maxPitch);
-      }
-      return this;
-    } else {
-      throw new Error('maxPitch must be greater than the current minPitch');
-    }
-  }
-  getMaxPitch() {
-    return this.transform.maxPitch;
-  }
-  getRenderWorldCopies() {
-    return this.transform.renderWorldCopies;
-  }
-  setRenderWorldCopies(renderWorldCopies) {
-    this.transform.renderWorldCopies = !!renderWorldCopies;
-  }
-  remove() {
-    this.container.removeChild(this.canvasContainer);
-    // @ts-ignore
-    this.canvasContainer = null;
-    if (this.frame) {
-      this.frame.cancel();
-      this.frame = null;
-    }
-    this.renderTaskQueue.clear();
-    //销毁事件
-    this.handlers.destroy();
-    if (typeof window !== 'undefined') {
-      window.removeEventListener('online', this.onWindowOnline, false);
-      window.removeEventListener('resize', this.onWindowResize, false);
-      window.removeEventListener('orientationchange', this.onWindowResize, false);
-    }
-  }
-  requestRenderFrame(cb) {
-    this.update();
-    return this.renderTaskQueue.add(cb);
-  }
-  cancelRenderFrame(id) {
-    return this.renderTaskQueue.remove(id);
-  }
-  triggerRepaint() {
-    if (!this.frame) {
-      this.frame = (0, _util.renderframe)(paintStartTimeStamp => {
-        _performance.PerformanceUtils.frame(paintStartTimeStamp);
-        this.frame = null;
-        this.update(paintStartTimeStamp);
-      });
-    }
-  }
-  update(time) {
-    if (!this.frame) {
-      this.frame = (0, _util.renderframe)(paintStartTimeStamp => {
-        _performance.PerformanceUtils.frame(paintStartTimeStamp);
-        this.frame = null;
-        this.renderTaskQueue.run(time);
-      });
-    }
-  }
-  initContainer() {
-    if (typeof this.options.container === 'string') {
-      this.container = window.document.getElementById(this.options.container);
-      if (!this.container) {
-        throw new Error(`Container '${this.options.container}' not found.`);
-      }
-    } else if (this.options.container instanceof HTMLElement) {
-      this.container = this.options.container;
-    } else {
-      throw new Error("Invalid type: 'container' must be a String or HTMLElement.");
-    }
-    const container = this.container;
-    container.classList.add('l7-map');
-    const canvasContainer = this.canvasContainer = _l7Utils.DOM.create('div', 'l7-canvas-container', container);
-    if (this.options.interactive) {
-      canvasContainer.classList.add('l7-interactive');
-    }
-  }
-  containerDimensions() {
-    let width = 0;
-    let height = 0;
-    if (this.container) {
-      width = this.container.clientWidth;
-      height = this.container.clientHeight;
-      width = width === 0 ? 400 : width;
-      height = height === 0 ? 300 : height;
-    }
-    return [width, height];
-  }
-}
-exports.Map = Map;

package/lib/util.d.ts

@@ -1,25 +0,0 @@
-export interface ICancelable {
-    cancel: () => void;
-}
-export declare function wrap(n: number, min: number, max: number): number;
-export declare function clamp(n: number, min: number, max: number): number;
-export declare function interpolate(a: number, b: number, t: number): number;
-export declare function bezier(p1x: number, p1y: number, p2x: number, p2y: number): (t: number) => number;
-export declare const ease: (t: number) => number;
-export declare function prefersReducedMotion(): boolean;
-export declare function pick(src: {
-    [key: string]: any;
-}, properties: string[]): {
-    [key: string]: any;
-};
-export declare const now: () => number;
-export declare const raf: ((callback: FrameRequestCallback) => number) & typeof requestAnimationFrame;
-export declare const cancel: ((handle: number) => void) & typeof cancelAnimationFrame;
-export declare function renderframe(fn: (paintStartTimestamp: number) => void): ICancelable;
-export declare function extend(dest: {
-    [key: string]: any;
-}, ...sources: Array<Partial<{
-    [key: string]: any;
-}>>): {
-    [key: string]: any;
-};

package/lib/util.js

@@ -1,89 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.bezier = bezier;
-exports.cancel = void 0;
-exports.clamp = clamp;
-exports.ease = void 0;
-exports.extend = extend;
-exports.interpolate = interpolate;
-exports.now = void 0;
-exports.pick = pick;
-exports.prefersReducedMotion = prefersReducedMotion;
-exports.raf = void 0;
-exports.renderframe = renderframe;
-exports.wrap = wrap;
-var _unitbezier = _interopRequireDefault(require("@mapbox/unitbezier"));
-// @ts-ignore
-
-let reducedMotionQuery;
-function wrap(n, min, max) {
-  const d = max - min;
-  const w = ((n - min) % d + d) % d + min;
-  return w === min ? max : w;
-}
-function clamp(n, min, max) {
-  return Math.min(max, Math.max(min, n));
-}
-function interpolate(a, b, t) {
-  return a * (1 - t) + b * t;
-}
-function bezier(p1x, p1y, p2x, p2y) {
-  const bez = new _unitbezier.default(p1x, p1y, p2x, p2y);
-  return t => {
-    return bez.solve(t);
-  };
-}
-const ease = exports.ease = bezier(0.25, 0.1, 0.25, 1);
-function prefersReducedMotion() {
-  var _reducedMotionQuery;
-  // Lazily initialize media query
-  if (reducedMotionQuery == null && typeof window !== 'undefined' && window.matchMedia) {
-    // @ts-ignore
-    reducedMotionQuery = window.matchMedia('(prefers-reduced-motion: reduce)');
-  }
-  return (_reducedMotionQuery = reducedMotionQuery) === null || _reducedMotionQuery === void 0 ? void 0 : _reducedMotionQuery.matches;
-}
-function pick(src, properties) {
-  const result = {};
-  for (const name of properties) {
-    if (name in src) {
-      result[name] = src[name];
-    }
-  }
-  return result;
-}
-const now = exports.now = window.performance && window.performance.now ? window.performance.now.bind(window.performance) : Date.now.bind(Date);
-const raf = exports.raf = window.requestAnimationFrame ||
-// @ts-ignore
-window.mozRequestAnimationFrame ||
-// @ts-ignore
-window.webkitRequestAnimationFrame ||
-// @ts-ignore
-window.msRequestAnimationFrame;
-const cancel = exports.cancel = window.cancelAnimationFrame ||
-// @ts-ignore
-window.mozCancelAnimationFrame ||
-// @ts-ignore
-window.webkitCancelAnimationFrame ||
-// @ts-ignore
-window.msCancelAnimationFrame;
-function renderframe(fn) {
-  const frame = raf(fn);
-  return {
-    cancel: () => cancel(frame)
-  };
-}
-function extend(dest, ...sources) {
-  for (const src of sources) {
-    for (const k in src) {
-      if (src[k] !== undefined) {
-        dest[k] = src[k];
-      }
-    }
-  }
-  return dest;
-}

package/lib/utils/Aabb.d.ts

@@ -1,12 +0,0 @@
-import { vec3 } from 'gl-matrix';
-import type Frustum from './primitives';
-export default class Aabb {
-    min: vec3;
-    max: vec3;
-    center: vec3;
-    constructor(min: vec3, max: vec3);
-    quadrant(index: number): Aabb;
-    distanceX(point: number[]): number;
-    distanceY(point: number[]): number;
-    intersects(frustum: Frustum): number;
-}