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

package/es/earthmap.js

@@ -1,445 +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 { renderframe } from "./util";
-import { PerformanceUtils } from "./utils/performance";
-import TaskQueue from "./utils/task_queue";
-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 EarthMap 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, "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);
-    }
-  }
-  resize(eventData) {
-    const dimensions = this.containerDimensions();
-    const width = dimensions[0];
-    const height = dimensions[1];
-
-    // this.resizeCanvas(width, height);
-    this.transform.resize(width, height);
-    const fireMoving = !this.moving;
-    if (fireMoving) {
-      this.stop();
-      this.emit('movestart', new Event('movestart', eventData));
-      this.emit('move', new Event('move', eventData));
-    }
-    this.emit('resize', new Event('resize', eventData));
-    if (fireMoving) {
-      this.emit('moveend', new Event('moveend', eventData));
-    }
-    return this;
-  }
-  getContainer() {
-    return this.container;
-  }
-  getCanvas() {
-    return this.canvas;
-  }
-  getCanvasContainer() {
-    return this.canvasContainer;
-  }
-  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() {
-    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');
-    }
-
-    // this.canvas = DOM.create(
-    //   'canvas',
-    //   'l7-canvas',
-    //   canvasContainer,
-    // ) as HTMLCanvasElement;
-    // this.canvas.setAttribute('tabindex', '-');
-    // this.canvas.setAttribute('aria-label', 'Map');
-  }
-  containerDimensions() {
-    let width = 0;
-    let height = 0;
-    if (this.container) {
-      width = this.container.clientWidth || 400;
-      height = this.container.clientHeight || 300;
-    }
-    return [width, height];
-  }
-  resizeCanvas(width, height) {
-    const pixelRatio = DOM.DPR || 1;
-    this.canvas.width = pixelRatio * width;
-    this.canvas.height = pixelRatio * height;
-
-    // Maintain the same canvas size, potentially downscaling it for HiDPI displays
-    this.canvas.style.width = `${width}px`;
-    this.canvas.style.height = `${height}px`;
-  }
-}

package/es/geo/edge_insets.d.ts

@@ -1,54 +0,0 @@
-import Point from './point';
-/**
- * An `EdgeInset` object represents screen space padding applied to the edges of the viewport.
- * This shifts the apprent center or the vanishing point of the map. This is useful for adding floating UI elements
- * on top of the map and having the vanishing point shift as UI elements resize.
- *
- * @param {number} [top=0]
- * @param {number} [bottom=0]
- * @param {number} [left=0]
- * @param {number} [right=0]
- */
-export default class EdgeInsets {
-    top: number;
-    bottom: number;
-    left: number;
-    right: number;
-    constructor(top?: number, bottom?: number, left?: number, right?: number);
-    /**
-     * Interpolates the inset in-place.
-     * This maintains the current inset value for any inset not present in `target`.
-     *
-     * @param {PaddingOptions} target
-     * @param {number} t
-     * @returns {EdgeInsets}
-     * @memberof EdgeInsets
-     */
-    interpolate(start: IPaddingOptions | EdgeInsets, target: IPaddingOptions, t: number): EdgeInsets;
-    /**
-     * Utility method that computes the new apprent center or vanishing point after applying insets.
-     * This is in pixels and with the top left being (0.0) and +y being downwards.
-     *
-     * @param {number} width
-     * @param {number} height
-     * @returns {Point}
-     * @memberof EdgeInsets
-     */
-    getCenter(width: number, height: number): Point;
-    equals(other: IPaddingOptions): boolean;
-    clone(): EdgeInsets;
-    /**
-     * Returns the current sdtate as json, useful when you want to have a
-     * read-only representation of the inset.
-     *
-     * @returns {PaddingOptions}
-     * @memberof EdgeInsets
-     */
-    toJSON(): IPaddingOptions;
-}
-export interface IPaddingOptions {
-    top?: number;
-    bottom?: number;
-    right?: number;
-    left?: number;
-}

package/es/geo/lng_lat.d.ts

@@ -1,18 +0,0 @@
-export declare const earthRadius = 6371008.8;
-export type LngLatLike = LngLat | {
-    lng: number;
-    lat: number;
-} | {
-    lon: number;
-    lat: number;
-} | [number, number];
-export default class LngLat {
-    static convert(input: LngLatLike): LngLat;
-    lng: number;
-    lat: number;
-    constructor(lng: number, lat: number);
-    wrap(): LngLat;
-    toArray(): [number, number];
-    toString(): string;
-    distanceTo(lngLat: LngLat): number;
-}

package/es/geo/lng_lat.js

@@ -1,59 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { wrap } from "../util";
-export const earthRadius = 6371008.8;
-export default class LngLat {
-  static convert(input) {
-    if (input instanceof LngLat) {
-      return input;
-    }
-    if (Array.isArray(input) && (input.length === 2 || input.length === 3)) {
-      return new LngLat(Number(input[0]), Number(input[1]));
-    }
-    if (!Array.isArray(input) && typeof input === 'object' && input !== null) {
-      const lng = 'lng' in input ? input.lng : input.lon;
-      return new LngLat(
-      // flow can't refine this to have one of lng or lat, so we have to cast to any
-      Number(lng), Number(input.lat));
-    }
-    throw new Error('`LngLatLike` argument must be specified as a LngLat instance, an object {lng: <lng>, lat: <lat>}, an object {lon: <lng>, lat: <lat>}, or an array of [<lng>, <lat>]');
-  }
-  constructor(lng, lat) {
-    _defineProperty(this, "lng", void 0);
-    _defineProperty(this, "lat", void 0);
-    if (isNaN(lng) || isNaN(lat)) {
-      throw new Error(`Invalid LngLat object: (${lng}, ${lat})`);
-    }
-    this.lng = +lng;
-    this.lat = +lat;
-    if (this.lat > 90 || this.lat < -90) {
-      throw new Error('Invalid LngLat latitude value: must be between -90 and 90');
-    }
-  }
-  wrap() {
-    return new LngLat(wrap(this.lng, -180, 180), this.lat);
-  }
-  toArray() {
-    return [this.lng, this.lat];
-  }
-  // public toBounds(radius: number = 0) {
-  //   const earthCircumferenceInMetersAtEquator = 40075017;
-  //   const latAccuracy = (360 * radius) / earthCircumferenceInMetersAtEquator;
-  //   const lngAccuracy = latAccuracy / Math.cos((Math.PI / 180) * this.lat);
-
-  //   return new LngLatBounds(
-  //     new LngLat(this.lng - lngAccuracy, this.lat - latAccuracy),
-  //     new LngLat(this.lng + lngAccuracy, this.lat + latAccuracy),
-  //   );
-  // }
-  toString() {
-    return `LngLat(${this.lng}, ${this.lat})`;
-  }
-  distanceTo(lngLat) {
-    const rad = Math.PI / 180;
-    const lat1 = this.lat * rad;
-    const lat2 = lngLat.lat * rad;
-    const a = Math.sin(lat1) * Math.sin(lat2) + Math.cos(lat1) * Math.cos(lat2) * Math.cos((lngLat.lng - this.lng) * rad);
-    const maxMeters = earthRadius * Math.acos(Math.min(a, 1));
-    return maxMeters;
-  }
-}

package/es/geo/lng_lat_bounds.d.ts

@@ -1,25 +0,0 @@
-import type { LngLatLike } from './lng_lat';
-import LngLat from './lng_lat';
-export type LngLatBoundsLike = LngLatBounds | [LngLatLike, LngLatLike] | [number, number, number, number];
-export default class LngLatBounds {
-    static convert(input: LngLatBoundsLike): LngLatBounds;
-    private ne;
-    private sw;
-    constructor(sw?: any, ne?: any);
-    setNorthEast(ne: LngLatLike): this;
-    setSouthWest(sw: LngLatLike): this;
-    extend(obj: LngLatLike | LngLatBoundsLike): this;
-    getCenter(): LngLat;
-    getSouthWest(): LngLat;
-    getNorthEast(): LngLat;
-    getNorthWest(): LngLat;
-    getSouthEast(): LngLat;
-    getWest(): number;
-    getSouth(): number;
-    getEast(): number;
-    getNorth(): number;
-    toArray(): [[number, number], [number, number]];
-    toString(): string;
-    isEmpty(): boolean;
-    contains(lnglat: LngLatLike): boolean;
-}