@antv/l7-map 2.21.0 → 2.21.2

package/lib/handler/IHandler.d.ts

@@ -0,0 +1,34 @@
+import type { EarthMap } from '../earthmap';
+import type Point from '../geo/point';
+import type { Map } from '../map';
+export interface IHandlerResult {
+    panDelta?: Point;
+    zoomDelta?: number;
+    bearingDelta?: number;
+    pitchDelta?: number;
+    around?: Point | null;
+    pinchAround?: Point | null;
+    cameraAnimation?: (map: Map | EarthMap) => any;
+    originalEvent?: any;
+    needsRenderFrame?: boolean;
+    noInertia?: boolean;
+}
+export interface IHandler {
+    touchstart?: (e: TouchEvent, points: Point[], mapTouches: Touch[]) => IHandlerResult | void;
+    touchmove?: (e: TouchEvent, points: Point[], mapTouches: Touch[]) => IHandlerResult | void;
+    touchend?: (e: TouchEvent, points: Point[], mapTouches: Touch[]) => IHandlerResult | void;
+    touchcancel?: (e: TouchEvent, points: Point[], mapTouches: Touch[]) => IHandlerResult | void;
+    mousedown?: (e: MouseEvent, point: Point) => IHandlerResult | void;
+    mousemove?: (e: MouseEvent, point: Point) => IHandlerResult | void;
+    mouseup?: (e: MouseEvent, point: Point) => IHandlerResult | void;
+    dblclick?: (e: MouseEvent, point: Point) => IHandlerResult | void;
+    wheel?: (e: WheelEvent, point: Point) => IHandlerResult | void;
+    keydown?: (e: KeyboardEvent) => IHandlerResult | void;
+    keyup?: (e: KeyboardEvent) => IHandlerResult | void;
+    renderFrame?: () => IHandlerResult | void;
+    enable(options?: any): void;
+    disable(): void;
+    isEnabled(): boolean;
+    isActive(): boolean;
+    reset(): void;
+}

package/lib/handler/blockable_map_event.d.ts

@@ -0,0 +1,17 @@
+import type { EarthMap } from '../earthmap';
+import type { Map } from '../map';
+export default class BlockableMapEventHandler {
+    private map;
+    private delayContextMenu;
+    private contextMenuEvent;
+    constructor(map: Map | EarthMap);
+    reset(): void;
+    mousemove(e: MouseEvent): void;
+    mousedown(): void;
+    mouseup(): void;
+    contextmenu(e: MouseEvent): void;
+    isEnabled(): boolean;
+    isActive(): boolean;
+    enable(): boolean;
+    disable(): boolean;
+}

package/lib/handler/blockable_map_event.js

@@ -5,79 +5,62 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _events = require("./events");
 // @ts-ignore
-var BlockableMapEventHandler = exports.default = /*#__PURE__*/function () {
-  function BlockableMapEventHandler(map) {
-    (0, _classCallCheck2.default)(this, BlockableMapEventHandler);
+
+class BlockableMapEventHandler {
+  constructor(map) {
+    (0, _defineProperty2.default)(this, "map", void 0);
+    (0, _defineProperty2.default)(this, "delayContextMenu", void 0);
+    (0, _defineProperty2.default)(this, "contextMenuEvent", void 0);
     this.map = map;
   }
-  (0, _createClass2.default)(BlockableMapEventHandler, [{
-    key: "reset",
-    value: function reset() {
-      this.delayContextMenu = false;
+  reset() {
+    this.delayContextMenu = false;
+    // @ts-ignore
+    delete this.contextMenuEvent;
+  }
+  mousemove(e) {
+    // mousemove map events should not be fired when interaction handlers (pan, rotate, etc) are active
+    this.map.emit(e.type, new _events.MapMouseEvent(e.type, this.map, e));
+  }
+  mousedown() {
+    this.delayContextMenu = true;
+  }
+  mouseup() {
+    this.delayContextMenu = false;
+    if (this.contextMenuEvent) {
+      this.map.emit('contextmenu', new _events.MapMouseEvent('contextmenu', this.map, this.contextMenuEvent));
       // @ts-ignore
       delete this.contextMenuEvent;
     }
-  }, {
-    key: "mousemove",
-    value: function mousemove(e) {
-      // mousemove map events should not be fired when interaction handlers (pan, rotate, etc) are active
+  }
+  contextmenu(e) {
+    if (this.delayContextMenu) {
+      // Mac: contextmenu fired on mousedown; we save it until mouseup for consistency's sake
+      this.contextMenuEvent = e;
+    } else {
+      // Windows: contextmenu fired on mouseup, so fire event now
       this.map.emit(e.type, new _events.MapMouseEvent(e.type, this.map, e));
     }
-  }, {
-    key: "mousedown",
-    value: function mousedown() {
-      this.delayContextMenu = true;
-    }
-  }, {
-    key: "mouseup",
-    value: function mouseup() {
-      this.delayContextMenu = false;
-      if (this.contextMenuEvent) {
-        this.map.emit('contextmenu', new _events.MapMouseEvent('contextmenu', this.map, this.contextMenuEvent));
-        // @ts-ignore
-        delete this.contextMenuEvent;
-      }
-    }
-  }, {
-    key: "contextmenu",
-    value: function contextmenu(e) {
-      if (this.delayContextMenu) {
-        // Mac: contextmenu fired on mousedown; we save it until mouseup for consistency's sake
-        this.contextMenuEvent = e;
-      } else {
-        // Windows: contextmenu fired on mouseup, so fire event now
-        this.map.emit(e.type, new _events.MapMouseEvent(e.type, this.map, e));
-      }
 
-      // prevent browser context menu when necessary
-      if (this.map.listeners('contextmenu')) {
-        e.preventDefault();
-      }
-    }
-  }, {
-    key: "isEnabled",
-    value: function isEnabled() {
-      return true;
+    // prevent browser context menu when necessary
+    if (this.map.listeners('contextmenu')) {
+      e.preventDefault();
     }
-  }, {
-    key: "isActive",
-    value: function isActive() {
-      return false;
-    }
-  }, {
-    key: "enable",
-    value: function enable() {
-      return true;
-    }
-  }, {
-    key: "disable",
-    value: function disable() {
-      return false;
-    }
-  }]);
-  return BlockableMapEventHandler;
-}();
+  }
+  isEnabled() {
+    return true;
+  }
+  isActive() {
+    return false;
+  }
+  enable() {
+    return true;
+  }
+  disable() {
+    return false;
+  }
+}
+exports.default = BlockableMapEventHandler;

package/lib/handler/box_zoom.d.ts

@@ -0,0 +1,59 @@
+import type { EarthMap } from '../earthmap';
+import type Point from '../geo/point';
+import type { Map } from '../map';
+/**
+ * The `BoxZoomHandler` allows the user to zoom the map to fit within a bounding box.
+ * The bounding box is defined by clicking and holding `shift` while dragging the cursor.
+ */
+declare class BoxZoomHandler {
+    private map;
+    private el;
+    private container;
+    private enabled;
+    private active;
+    private startPos;
+    private lastPos;
+    private box;
+    private clickTolerance;
+    /**
+     * @private
+     */
+    constructor(map: Map | EarthMap, options: {
+        clickTolerance: number;
+    });
+    /**
+     * Returns a Boolean indicating whether the "box zoom" interaction is enabled.
+     *
+     * @returns {boolean} `true` if the "box zoom" interaction is enabled.
+     */
+    isEnabled(): boolean;
+    /**
+     * Returns a Boolean indicating whether the "box zoom" interaction is active, i.e. currently being used.
+     *
+     * @returns {boolean} `true` if the "box zoom" interaction is active.
+     */
+    isActive(): boolean;
+    /**
+     * Enables the "box zoom" interaction.
+     *
+     * @example
+     *   map.boxZoom.enable();
+     */
+    enable(): void;
+    /**
+     * Disables the "box zoom" interaction.
+     *
+     * @example
+     *   map.boxZoom.disable();
+     */
+    disable(): void;
+    mousedown(e: MouseEvent, point: Point): void;
+    mousemoveWindow(e: MouseEvent, point: Point): void;
+    mouseupWindow(e: MouseEvent, point: Point): {
+        cameraAnimation: (map: Map) => boolean | Map;
+    } | undefined;
+    keydown(e: KeyboardEvent): void;
+    reset(): void;
+    fireEvent(type: string, e: any): boolean;
+}
+export default BoxZoomHandler;

package/lib/handler/box_zoom.js

@@ -5,21 +5,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _dom = _interopRequireDefault(require("../utils/dom"));
 var _event = require("./events/event");
 // @ts-ignore
+
 /**
  * The `BoxZoomHandler` allows the user to zoom the map to fit within a bounding box.
  * The bounding box is defined by clicking and holding `shift` while dragging the cursor.
  */
-var BoxZoomHandler = /*#__PURE__*/function () {
+class BoxZoomHandler {
   /**
    * @private
    */
-  function BoxZoomHandler(map, options) {
-    (0, _classCallCheck2.default)(this, BoxZoomHandler);
+  constructor(map, options) {
+    (0, _defineProperty2.default)(this, "map", void 0);
+    (0, _defineProperty2.default)(this, "el", void 0);
+    (0, _defineProperty2.default)(this, "container", void 0);
+    (0, _defineProperty2.default)(this, "enabled", void 0);
+    (0, _defineProperty2.default)(this, "active", void 0);
+    (0, _defineProperty2.default)(this, "startPos", void 0);
+    (0, _defineProperty2.default)(this, "lastPos", void 0);
+    (0, _defineProperty2.default)(this, "box", void 0);
+    (0, _defineProperty2.default)(this, "clickTolerance", void 0);
     this.map = map;
     this.el = map.getCanvasContainer();
     this.container = map.getContainer();
@@ -31,155 +39,130 @@ var BoxZoomHandler = /*#__PURE__*/function () {
    *
    * @returns {boolean} `true` if the "box zoom" interaction is enabled.
    */
-  (0, _createClass2.default)(BoxZoomHandler, [{
-    key: "isEnabled",
-    value: function isEnabled() {
-      return !!this.enabled;
-    }
+  isEnabled() {
+    return !!this.enabled;
+  }
 
-    /**
-     * Returns a Boolean indicating whether the "box zoom" interaction is active, i.e. currently being used.
-     *
-     * @returns {boolean} `true` if the "box zoom" interaction is active.
-     */
-  }, {
-    key: "isActive",
-    value: function isActive() {
-      return !!this.active;
-    }
+  /**
+   * Returns a Boolean indicating whether the "box zoom" interaction is active, i.e. currently being used.
+   *
+   * @returns {boolean} `true` if the "box zoom" interaction is active.
+   */
+  isActive() {
+    return !!this.active;
+  }
 
-    /**
-     * Enables the "box zoom" interaction.
-     *
-     * @example
-     *   map.boxZoom.enable();
-     */
-  }, {
-    key: "enable",
-    value: function enable() {
-      if (this.isEnabled()) {
-        return;
-      }
-      this.enabled = true;
+  /**
+   * Enables the "box zoom" interaction.
+   *
+   * @example
+   *   map.boxZoom.enable();
+   */
+  enable() {
+    if (this.isEnabled()) {
+      return;
     }
+    this.enabled = true;
+  }
 
-    /**
-     * Disables the "box zoom" interaction.
-     *
-     * @example
-     *   map.boxZoom.disable();
-     */
-  }, {
-    key: "disable",
-    value: function disable() {
-      if (!this.isEnabled()) {
-        return;
-      }
-      this.enabled = false;
+  /**
+   * Disables the "box zoom" interaction.
+   *
+   * @example
+   *   map.boxZoom.disable();
+   */
+  disable() {
+    if (!this.isEnabled()) {
+      return;
     }
-  }, {
-    key: "mousedown",
-    value: function mousedown(e, point) {
-      if (!this.isEnabled()) {
-        return;
-      }
-      if (!(e.shiftKey && e.button === 0)) {
-        return;
-      }
-      _dom.default.disableDrag();
-      this.startPos = this.lastPos = point;
-      this.active = true;
+    this.enabled = false;
+  }
+  mousedown(e, point) {
+    if (!this.isEnabled()) {
+      return;
     }
-  }, {
-    key: "mousemoveWindow",
-    value: function mousemoveWindow(e, point) {
-      if (!this.active) {
-        return;
-      }
-      var pos = point;
-      if (this.lastPos.equals(pos) || !this.box && pos.dist(this.startPos) < this.clickTolerance) {
-        return;
-      }
-      var p0 = this.startPos;
-      this.lastPos = pos;
-      if (!this.box) {
-        this.box = _dom.default.create('div', 'l7-boxzoom', this.container);
-        this.container.classList.add('l7-crosshair');
-        this.fireEvent('boxzoomstart', e);
-      }
-      var minX = Math.min(p0.x, pos.x);
-      var maxX = Math.max(p0.x, pos.x);
-      var minY = Math.min(p0.y, pos.y);
-      var maxY = Math.max(p0.y, pos.y);
-      _dom.default.setTransform(this.box, "translate(".concat(minX, "px,").concat(minY, "px)"));
-      if (this.box) {
-        this.box.style.width = "".concat(maxX - minX, "px");
-        this.box.style.height = "".concat(maxY - minY, "px");
-      }
+    if (!(e.shiftKey && e.button === 0)) {
+      return;
     }
-  }, {
-    key: "mouseupWindow",
-    value: function mouseupWindow(e, point) {
-      var _this = this;
-      if (!this.active) {
-        return;
-      }
-      if (e.button !== 0) {
-        return;
-      }
-      var p0 = this.startPos;
-      var p1 = point;
-      this.reset();
-      _dom.default.suppressClick();
-      if (p0.x === p1.x && p0.y === p1.y) {
-        this.fireEvent('boxzoomcancel', e);
-      } else {
-        this.map.emit('boxzoomend', new _event.Event('boxzoomend', {
-          originalEvent: e
-        }));
-        return {
-          cameraAnimation: function cameraAnimation(map) {
-            return map.fitScreenCoordinates(p0, p1, _this.map.getBearing(), {
-              linear: true
-            });
-          }
-        };
-      }
+    _dom.default.disableDrag();
+    this.startPos = this.lastPos = point;
+    this.active = true;
+  }
+  mousemoveWindow(e, point) {
+    if (!this.active) {
+      return;
+    }
+    const pos = point;
+    if (this.lastPos.equals(pos) || !this.box && pos.dist(this.startPos) < this.clickTolerance) {
+      return;
     }
-  }, {
-    key: "keydown",
-    value: function keydown(e) {
-      if (!this.active) {
-        return;
-      }
-      if (e.keyCode === 27) {
-        this.reset();
-        this.fireEvent('boxzoomcancel', e);
-      }
+    const p0 = this.startPos;
+    this.lastPos = pos;
+    if (!this.box) {
+      this.box = _dom.default.create('div', 'l7-boxzoom', this.container);
+      this.container.classList.add('l7-crosshair');
+      this.fireEvent('boxzoomstart', e);
     }
-  }, {
-    key: "reset",
-    value: function reset() {
-      this.active = false;
-      this.container.classList.remove('l7-crosshair');
-      if (this.box) {
-        _dom.default.remove(this.box);
-        this.box = null;
-      }
-      _dom.default.enableDrag();
-      // @ts-ignore
-      delete this.startPos;
-      // @ts-ignore
-      delete this.lastPos;
+    const minX = Math.min(p0.x, pos.x);
+    const maxX = Math.max(p0.x, pos.x);
+    const minY = Math.min(p0.y, pos.y);
+    const maxY = Math.max(p0.y, pos.y);
+    _dom.default.setTransform(this.box, `translate(${minX}px,${minY}px)`);
+    if (this.box) {
+      this.box.style.width = `${maxX - minX}px`;
+      this.box.style.height = `${maxY - minY}px`;
     }
-  }, {
-    key: "fireEvent",
-    value: function fireEvent(type, e) {
-      return this.map.emit(type, new _event.Event(type, {
+  }
+  mouseupWindow(e, point) {
+    if (!this.active) {
+      return;
+    }
+    if (e.button !== 0) {
+      return;
+    }
+    const p0 = this.startPos;
+    const p1 = point;
+    this.reset();
+    _dom.default.suppressClick();
+    if (p0.x === p1.x && p0.y === p1.y) {
+      this.fireEvent('boxzoomcancel', e);
+    } else {
+      this.map.emit('boxzoomend', new _event.Event('boxzoomend', {
         originalEvent: e
       }));
+      return {
+        cameraAnimation: map => map.fitScreenCoordinates(p0, p1, this.map.getBearing(), {
+          linear: true
+        })
+      };
     }
-  }]);
-  return BoxZoomHandler;
-}();
+  }
+  keydown(e) {
+    if (!this.active) {
+      return;
+    }
+    if (e.keyCode === 27) {
+      this.reset();
+      this.fireEvent('boxzoomcancel', e);
+    }
+  }
+  reset() {
+    this.active = false;
+    this.container.classList.remove('l7-crosshair');
+    if (this.box) {
+      _dom.default.remove(this.box);
+      this.box = null;
+    }
+    _dom.default.enableDrag();
+    // @ts-ignore
+    delete this.startPos;
+    // @ts-ignore
+    delete this.lastPos;
+  }
+  fireEvent(type, e) {
+    return this.map.emit(type, new _event.Event(type, {
+      originalEvent: e
+    }));
+  }
+}
 var _default = exports.default = BoxZoomHandler;

package/lib/handler/click_zoom.d.ts

@@ -0,0 +1,16 @@
+import type { EarthMap } from '../earthmap';
+import type Point from '../geo/point';
+import type { Map } from '../map';
+export default class ClickZoomHandler {
+    private enabled;
+    private active;
+    constructor();
+    reset(): void;
+    dblclick(e: MouseEvent, point: Point): {
+        cameraAnimation: (map: Map | EarthMap) => void;
+    };
+    enable(): void;
+    disable(): void;
+    isEnabled(): boolean;
+    isActive(): boolean;
+}

package/lib/handler/click_zoom.js

@@ -5,56 +5,44 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 // @ts-ignore
-var ClickZoomHandler = exports.default = /*#__PURE__*/function () {
-  function ClickZoomHandler() {
-    (0, _classCallCheck2.default)(this, ClickZoomHandler);
+
+class ClickZoomHandler {
+  constructor() {
+    (0, _defineProperty2.default)(this, "enabled", void 0);
+    (0, _defineProperty2.default)(this, "active", void 0);
+    this.reset();
+  }
+  reset() {
+    this.active = false;
+  }
+  dblclick(e, point) {
+    e.preventDefault();
+    return {
+      cameraAnimation: map => {
+        map.easeTo({
+          duration: 300,
+          zoom: map.getZoom() + (e.shiftKey ? -1 : 1),
+          around: map.unproject(point)
+        }, {
+          originalEvent: e
+        });
+      }
+    };
+  }
+  enable() {
+    this.enabled = true;
+  }
+  disable() {
+    this.enabled = false;
     this.reset();
   }
-  (0, _createClass2.default)(ClickZoomHandler, [{
-    key: "reset",
-    value: function reset() {
-      this.active = false;
-    }
-  }, {
-    key: "dblclick",
-    value: function dblclick(e, point) {
-      e.preventDefault();
-      return {
-        cameraAnimation: function cameraAnimation(map) {
-          map.easeTo({
-            duration: 300,
-            zoom: map.getZoom() + (e.shiftKey ? -1 : 1),
-            around: map.unproject(point)
-          }, {
-            originalEvent: e
-          });
-        }
-      };
-    }
-  }, {
-    key: "enable",
-    value: function enable() {
-      this.enabled = true;
-    }
-  }, {
-    key: "disable",
-    value: function disable() {
-      this.enabled = false;
-      this.reset();
-    }
-  }, {
-    key: "isEnabled",
-    value: function isEnabled() {
-      return this.enabled;
-    }
-  }, {
-    key: "isActive",
-    value: function isActive() {
-      return this.active;
-    }
-  }]);
-  return ClickZoomHandler;
-}();
+  isEnabled() {
+    return this.enabled;
+  }
+  isActive() {
+    return this.active;
+  }
+}
+exports.default = ClickZoomHandler;

package/lib/handler/events/event.d.ts

@@ -0,0 +1,4 @@
+export declare class Event {
+    type: string;
+    constructor(type: string, data?: any);
+}