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

package/es/map.js

@@ -1,472 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { DOM, lodashUtil } from '@antv/l7-utils';
-import Camera from "./camera";
-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;
-}
-`);
-import LngLat from "./geo/lng_lat";
-import LngLatBounds from "./geo/lng_lat_bounds";
-// @ts-ignore
-
-import Point from "./geo/point";
-import HandlerManager from "./handler/handler_manager";
-import Hash from "./hash";
-import { renderframe } from "./util";
-import { PerformanceUtils } from "./utils/performance";
-import TaskQueue from "./utils/task_queue";
-(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
-} = 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
-};
-export class Map extends Camera {
-  constructor(options) {
-    super(merge({}, DefaultOptions, options));
-    _defineProperty(this, "doubleClickZoom", void 0);
-    _defineProperty(this, "dragRotate", void 0);
-    _defineProperty(this, "dragPan", void 0);
-    _defineProperty(this, "touchZoomRotate", void 0);
-    _defineProperty(this, "scrollZoom", void 0);
-    _defineProperty(this, "keyboard", void 0);
-    _defineProperty(this, "touchPitch", void 0);
-    _defineProperty(this, "boxZoom", void 0);
-    _defineProperty(this, "handlers", void 0);
-    _defineProperty(this, "container", void 0);
-    _defineProperty(this, "canvas", void 0);
-    _defineProperty(this, "canvasContainer", void 0);
-    _defineProperty(this, "renderTaskQueue", new TaskQueue());
-    _defineProperty(this, "frame", void 0);
-    _defineProperty(this, "trackResize", true);
-    _defineProperty(this, "hash", void 0);
-    _defineProperty(this, "onWindowOnline", () => {
-      this.update();
-    });
-    _defineProperty(this, "onWindowResize", event => {
-      if (this.trackResize) {
-        this.resize({
-          originalEvent: event
-        }).update();
-      }
-    });
-    this.initContainer();
-    this.resize();
-    this.handlers = new HandlerManager(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(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(LngLat.convert(lngLat));
-  }
-  unproject(point) {
-    return this.transform.pointLocation(Point.convert(point));
-  }
-  getBounds() {
-    return this.transform.getBounds();
-  }
-  getMaxBounds() {
-    return this.transform.getMaxBounds();
-  }
-  setMaxBounds(bounds) {
-    this.transform.setMaxBounds(LngLatBounds.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 = renderframe(paintStartTimeStamp => {
-        PerformanceUtils.frame(paintStartTimeStamp);
-        this.frame = null;
-        this.update(paintStartTimeStamp);
-      });
-    }
-  }
-  update(time) {
-    if (!this.frame) {
-      this.frame = renderframe(paintStartTimeStamp => {
-        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 = 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];
-  }
-}

package/es/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/es/util.js

@@ -1,70 +0,0 @@
-// @ts-ignore
-import UnitBezier from '@mapbox/unitbezier';
-let reducedMotionQuery;
-export function wrap(n, min, max) {
-  const d = max - min;
-  const w = ((n - min) % d + d) % d + min;
-  return w === min ? max : w;
-}
-export function clamp(n, min, max) {
-  return Math.min(max, Math.max(min, n));
-}
-export function interpolate(a, b, t) {
-  return a * (1 - t) + b * t;
-}
-export function bezier(p1x, p1y, p2x, p2y) {
-  const bez = new UnitBezier(p1x, p1y, p2x, p2y);
-  return t => {
-    return bez.solve(t);
-  };
-}
-export const ease = bezier(0.25, 0.1, 0.25, 1);
-export 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;
-}
-export function pick(src, properties) {
-  const result = {};
-  for (const name of properties) {
-    if (name in src) {
-      result[name] = src[name];
-    }
-  }
-  return result;
-}
-export const now = window.performance && window.performance.now ? window.performance.now.bind(window.performance) : Date.now.bind(Date);
-export const raf = window.requestAnimationFrame ||
-// @ts-ignore
-window.mozRequestAnimationFrame ||
-// @ts-ignore
-window.webkitRequestAnimationFrame ||
-// @ts-ignore
-window.msRequestAnimationFrame;
-export const cancel = window.cancelAnimationFrame ||
-// @ts-ignore
-window.mozCancelAnimationFrame ||
-// @ts-ignore
-window.webkitCancelAnimationFrame ||
-// @ts-ignore
-window.msCancelAnimationFrame;
-export function renderframe(fn) {
-  const frame = raf(fn);
-  return {
-    cancel: () => cancel(frame)
-  };
-}
-export 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/es/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;
-}

package/es/utils/Aabb.js

@@ -1,72 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { vec3, vec4 } from 'gl-matrix';
-export default class Aabb {
-  constructor(min, max) {
-    _defineProperty(this, "min", void 0);
-    _defineProperty(this, "max", void 0);
-    _defineProperty(this, "center", void 0);
-    this.min = min;
-    this.max = max;
-    this.center = vec3.scale(new Float32Array(3), vec3.add(new Float32Array(3), this.min, this.max), 0.5);
-  }
-  quadrant(index) {
-    const split = [index % 2 === 0, index < 2];
-    const qMin = vec3.clone(this.min);
-    const qMax = vec3.clone(this.max);
-    for (let axis = 0; axis < split.length; axis++) {
-      qMin[axis] = split[axis] ? this.min[axis] : this.center[axis];
-      qMax[axis] = split[axis] ? this.center[axis] : this.max[axis];
-    }
-    // Elevation is always constant, hence quadrant.max.z = this.max.z
-    qMax[2] = this.max[2];
-    return new Aabb(qMin, qMax);
-  }
-  distanceX(point) {
-    const pointOnAabb = Math.max(Math.min(this.max[0], point[0]), this.min[0]);
-    return pointOnAabb - point[0];
-  }
-  distanceY(point) {
-    const pointOnAabb = Math.max(Math.min(this.max[1], point[1]), this.min[1]);
-    return pointOnAabb - point[1];
-  }
-
-  // Performs a frustum-aabb intersection test. Returns 0 if there's no intersection,
-  // 1 if shapes are intersecting and 2 if the aabb if fully inside the frustum.
-  intersects(frustum) {
-    // Execute separating axis test between two convex objects to find intersections
-    // Each frustum plane together with 3 major axes define the separating axes
-    // Note: test only 4 points as both min and max points have equal elevation
-
-    const aabbPoints = [[this.min[0], this.min[1], 0.0, 1], [this.max[0], this.min[1], 0.0, 1], [this.max[0], this.max[1], 0.0, 1], [this.min[0], this.max[1], 0.0, 1]];
-    let fullyInside = true;
-    for (const plane of frustum.planes) {
-      let pointsInside = 0;
-      for (const i of aabbPoints) {
-        // @ts-ignore
-        pointsInside += vec4.dot(plane, i) >= 0;
-      }
-      if (pointsInside === 0) {
-        return 0;
-      }
-      if (pointsInside !== aabbPoints.length) {
-        fullyInside = false;
-      }
-    }
-    if (fullyInside) {
-      return 2;
-    }
-    for (let axis = 0; axis < 3; axis++) {
-      let projMin = Number.MAX_VALUE;
-      let projMax = -Number.MAX_VALUE;
-      for (const p of frustum.points) {
-        const projectedPoint = p[axis] - this.min[axis];
-        projMin = Math.min(projMin, projectedPoint);
-        projMax = Math.max(projMax, projectedPoint);
-      }
-      if (projMax < 0 || projMin > this.max[axis] - this.min[axis]) {
-        return 0;
-      }
-    }
-    return 1;
-  }
-}

package/es/utils/dom.d.ts

@@ -1,4 +0,0 @@
-declare const DOM: {
-    [key: string]: (...arg: any[]) => any;
-};
-export default DOM;