@antv/l7-map 2.9.37-alpha.2 → 2.9.37-alpha.3

package/es/handler/tap/tap_recognizer.d.ts

@@ -0,0 +1,17 @@
+import Point from '../../geo/point';
+import SingleTapRecognizer from './single_tap_recognizer';
+export default class TapRecognizer {
+    singleTap: SingleTapRecognizer;
+    numTaps: number;
+    lastTime: number;
+    lastTap: Point;
+    count: number;
+    constructor(options: {
+        numTaps: number;
+        numTouches: number;
+    });
+    reset(): void;
+    touchstart(e: TouchEvent, points: Point[], mapTouches: Touch[]): void;
+    touchmove(e: TouchEvent, points: Point[], mapTouches: Touch[]): void;
+    touchend(e: TouchEvent, points: Point[], mapTouches: Touch[]): Point | undefined;
+}

package/es/handler/tap/tap_recognizer.js

@@ -0,0 +1,62 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+// @ts-ignore
+import SingleTapRecognizer, { MAX_DIST, MAX_TAP_INTERVAL } from "./single_tap_recognizer";
+
+var TapRecognizer = /*#__PURE__*/function () {
+  function TapRecognizer(options) {
+    _classCallCheck(this, TapRecognizer);
+
+    this.singleTap = new SingleTapRecognizer(options);
+    this.numTaps = options.numTaps;
+    this.reset();
+  }
+
+  _createClass(TapRecognizer, [{
+    key: "reset",
+    value: function reset() {
+      this.lastTime = Infinity; //@ts-ignore
+
+      delete this.lastTap;
+      this.count = 0;
+      this.singleTap.reset();
+    }
+  }, {
+    key: "touchstart",
+    value: function touchstart(e, points, mapTouches) {
+      this.singleTap.touchstart(e, points, mapTouches);
+    }
+  }, {
+    key: "touchmove",
+    value: function touchmove(e, points, mapTouches) {
+      this.singleTap.touchmove(e, points, mapTouches);
+    }
+  }, {
+    key: "touchend",
+    value: function touchend(e, points, mapTouches) {
+      var tap = this.singleTap.touchend(e, points, mapTouches);
+
+      if (tap) {
+        var soonEnough = e.timeStamp - this.lastTime < MAX_TAP_INTERVAL;
+        var closeEnough = !this.lastTap || this.lastTap.dist(tap) < MAX_DIST;
+
+        if (!soonEnough || !closeEnough) {
+          this.reset();
+        }
+
+        this.count++;
+        this.lastTime = e.timeStamp;
+        this.lastTap = tap;
+
+        if (this.count === this.numTaps) {
+          this.reset();
+          return tap;
+        }
+      }
+    }
+  }]);
+
+  return TapRecognizer;
+}();
+
+export { TapRecognizer as default };

package/es/handler/tap/tap_zoom.d.ts

@@ -0,0 +1,22 @@
+import { EarthMap } from '../../earthmap';
+import Point from '../../geo/point';
+import { Map } from '../../map';
+import TapRecognizer from './tap_recognizer';
+export default class TapZoomHandler {
+    enabled: boolean;
+    active: boolean;
+    zoomIn: TapRecognizer;
+    zoomOut: TapRecognizer;
+    constructor();
+    reset(): void;
+    touchstart(e: TouchEvent, points: Point[], mapTouches: Touch[]): void;
+    touchmove(e: TouchEvent, points: Point[], mapTouches: Touch[]): void;
+    touchend(e: TouchEvent, points: Point[], mapTouches: Touch[]): {
+        cameraAnimation: (map: Map | EarthMap) => Map | EarthMap;
+    } | undefined;
+    touchcancel(): void;
+    enable(): void;
+    disable(): void;
+    isEnabled(): boolean;
+    isActive(): boolean;
+}

package/es/handler/tap/tap_zoom.js

@@ -0,0 +1,115 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+// @ts-ignore
+import TapRecognizer from "./tap_recognizer";
+
+var TapZoomHandler = /*#__PURE__*/function () {
+  function TapZoomHandler() {
+    _classCallCheck(this, TapZoomHandler);
+
+    this.zoomIn = new TapRecognizer({
+      numTouches: 1,
+      numTaps: 2
+    });
+    this.zoomOut = new TapRecognizer({
+      numTouches: 2,
+      numTaps: 1
+    });
+    this.reset();
+  }
+
+  _createClass(TapZoomHandler, [{
+    key: "reset",
+    value: function reset() {
+      this.active = false;
+      this.zoomIn.reset();
+      this.zoomOut.reset();
+    }
+  }, {
+    key: "touchstart",
+    value: function touchstart(e, points, mapTouches) {
+      this.zoomIn.touchstart(e, points, mapTouches);
+      this.zoomOut.touchstart(e, points, mapTouches);
+    }
+  }, {
+    key: "touchmove",
+    value: function touchmove(e, points, mapTouches) {
+      this.zoomIn.touchmove(e, points, mapTouches);
+      this.zoomOut.touchmove(e, points, mapTouches);
+    }
+  }, {
+    key: "touchend",
+    value: function touchend(e, points, mapTouches) {
+      var _this = this;
+
+      var zoomInPoint = this.zoomIn.touchend(e, points, mapTouches);
+      var zoomOutPoint = this.zoomOut.touchend(e, points, mapTouches);
+
+      if (zoomInPoint) {
+        this.active = true;
+        e.preventDefault();
+        setTimeout(function () {
+          return _this.reset();
+        }, 0);
+        return {
+          cameraAnimation: function cameraAnimation(map) {
+            return map.easeTo({
+              duration: 300,
+              zoom: map.getZoom() + 1,
+              around: map.unproject(zoomInPoint)
+            }, {
+              originalEvent: e
+            });
+          }
+        };
+      } else if (zoomOutPoint) {
+        this.active = true;
+        e.preventDefault();
+        setTimeout(function () {
+          return _this.reset();
+        }, 0);
+        return {
+          cameraAnimation: function cameraAnimation(map) {
+            return map.easeTo({
+              duration: 300,
+              zoom: map.getZoom() - 1,
+              around: map.unproject(zoomOutPoint)
+            }, {
+              originalEvent: e
+            });
+          }
+        };
+      }
+    }
+  }, {
+    key: "touchcancel",
+    value: function touchcancel() {
+      this.reset();
+    }
+  }, {
+    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 TapZoomHandler;
+}();
+
+export { TapZoomHandler as default };

package/es/handler/touch/index.d.ts

@@ -0,0 +1,5 @@
+import TouchPanHandler from './touch_pan';
+import TouchPitchHandler from './touch_pitch';
+import TouchRotateHandler from './touch_rotate';
+import TouchZoomHandler from './touch_zoom';
+export { TouchPanHandler, TouchPitchHandler, TouchRotateHandler, TouchZoomHandler, };

package/es/handler/touch/index.js

@@ -0,0 +1,5 @@
+import TouchPanHandler from "./touch_pan";
+import TouchPitchHandler from "./touch_pitch";
+import TouchRotateHandler from "./touch_rotate";
+import TouchZoomHandler from "./touch_zoom";
+export { TouchPanHandler, TouchPitchHandler, TouchRotateHandler, TouchZoomHandler };

package/es/handler/touch/touch_pan.d.ts

@@ -0,0 +1,30 @@
+import Point from '../../geo/point';
+export default class TouchPanHandler {
+    enabled: boolean;
+    active: boolean;
+    touches: {
+        [key: string]: Point;
+    };
+    minTouches: number;
+    clickTolerance: number;
+    sum: Point;
+    constructor(options: {
+        clickTolerance: number;
+    });
+    reset(): void;
+    touchstart(e: TouchEvent, points: Point[], mapTouches: Touch[]): {
+        around: Point;
+        panDelta: Point;
+    } | undefined;
+    touchmove(e: TouchEvent, points: Point[], mapTouches: Touch[]): {
+        around: Point;
+        panDelta: Point;
+    } | undefined;
+    touchend(e: TouchEvent, points: Point[], mapTouches: Touch[]): void;
+    touchcancel(): void;
+    enable(): void;
+    disable(): void;
+    isEnabled(): boolean;
+    isActive(): boolean;
+    private calculateTransform;
+}

package/es/handler/touch/touch_pan.js

@@ -0,0 +1,128 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+// @ts-ignore
+import Point from "../../geo/point";
+import { indexTouches } from "../handler_util";
+
+var TouchPanHandler = /*#__PURE__*/function () {
+  function TouchPanHandler(options) {
+    _classCallCheck(this, TouchPanHandler);
+
+    this.minTouches = 1;
+    this.clickTolerance = options.clickTolerance || 1;
+    this.reset();
+  }
+
+  _createClass(TouchPanHandler, [{
+    key: "reset",
+    value: function reset() {
+      this.active = false;
+      this.touches = {};
+      this.sum = new Point(0, 0);
+    }
+  }, {
+    key: "touchstart",
+    value: function touchstart(e, points, mapTouches) {
+      return this.calculateTransform(e, points, mapTouches);
+    }
+  }, {
+    key: "touchmove",
+    value: function touchmove(e, points, mapTouches) {
+      if (!this.active) {
+        return;
+      }
+
+      e.preventDefault();
+      return this.calculateTransform(e, points, mapTouches);
+    }
+  }, {
+    key: "touchend",
+    value: function touchend(e, points, mapTouches) {
+      this.calculateTransform(e, points, mapTouches);
+
+      if (this.active && mapTouches.length < this.minTouches) {
+        this.reset();
+      }
+    }
+  }, {
+    key: "touchcancel",
+    value: function touchcancel() {
+      this.reset();
+    }
+  }, {
+    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;
+    }
+  }, {
+    key: "calculateTransform",
+    value: function calculateTransform(e, points, mapTouches) {
+      if (mapTouches.length > 0) {
+        this.active = true;
+      }
+
+      var touches = indexTouches(mapTouches, points);
+      var touchPointSum = new Point(0, 0);
+      var touchDeltaSum = new Point(0, 0);
+      var touchDeltaCount = 0;
+
+      for (var identifier in touches) {
+        if (touches[identifier]) {
+          var point = touches[identifier];
+          var prevPoint = this.touches[identifier];
+
+          if (prevPoint) {
+            touchPointSum._add(point);
+
+            touchDeltaSum._add(point.sub(prevPoint));
+
+            touchDeltaCount++;
+            touches[identifier] = point;
+          }
+        }
+      }
+
+      this.touches = touches;
+
+      if (touchDeltaCount < this.minTouches || !touchDeltaSum.mag()) {
+        return;
+      } // @ts-ignore
+
+
+      var panDelta = touchDeltaSum.div(touchDeltaCount);
+
+      this.sum._add(panDelta);
+
+      if (this.sum.mag() < this.clickTolerance) {
+        return;
+      } // @ts-ignore
+
+
+      var around = touchPointSum.div(touchDeltaCount);
+      return {
+        around: around,
+        panDelta: panDelta
+      };
+    }
+  }]);
+
+  return TouchPanHandler;
+}();
+
+export { TouchPanHandler as default };

package/es/handler/touch/touch_pitch.d.ts

@@ -0,0 +1,13 @@
+import Point from '../../geo/point';
+import TwoTouchHandler from './two_touch';
+export default class TouchPitchHandler extends TwoTouchHandler {
+    valid: boolean | void;
+    firstMove: number;
+    lastPoints: [Point, Point];
+    reset(): void;
+    start(points: [Point, Point]): void;
+    move(points: [Point, Point], center: Point, e: TouchEvent): {
+        pitchDelta: number;
+    } | undefined;
+    gestureBeginsVertically(vectorA: Point, vectorB: Point, timeStamp: number): boolean | undefined;
+}

package/es/handler/touch/touch_pitch.js

@@ -0,0 +1,110 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _get from "@babel/runtime/helpers/get";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+// @ts-ignore
+import TwoTouchHandler from "./two_touch";
+
+function isVertical(vector) {
+  return Math.abs(vector.y) > Math.abs(vector.x);
+}
+
+var ALLOWED_SINGLE_TOUCH_TIME = 100;
+
+var TouchPitchHandler = /*#__PURE__*/function (_TwoTouchHandler) {
+  _inherits(TouchPitchHandler, _TwoTouchHandler);
+
+  var _super = _createSuper(TouchPitchHandler);
+
+  function TouchPitchHandler() {
+    _classCallCheck(this, TouchPitchHandler);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(TouchPitchHandler, [{
+    key: "reset",
+    value: function reset() {
+      _get(_getPrototypeOf(TouchPitchHandler.prototype), "reset", this).call(this);
+
+      this.valid = undefined; //@ts-ignore
+
+      delete this.firstMove; //@ts-ignore
+
+      delete this.lastPoints;
+    }
+  }, {
+    key: "start",
+    value: function start(points) {
+      this.lastPoints = points;
+
+      if (isVertical(points[0].sub(points[1]))) {
+        // fingers are more horizontal than vertical
+        this.valid = false;
+      }
+    }
+  }, {
+    key: "move",
+    value: function move(points, center, e) {
+      var vectorA = points[0].sub(this.lastPoints[0]);
+      var vectorB = points[1].sub(this.lastPoints[1]);
+      this.valid = this.gestureBeginsVertically(vectorA, vectorB, e.timeStamp);
+
+      if (!this.valid) {
+        return;
+      }
+
+      this.lastPoints = points;
+      this.active = true;
+      var yDeltaAverage = (vectorA.y + vectorB.y) / 2;
+      var degreesPerPixelMoved = -0.5;
+      return {
+        pitchDelta: yDeltaAverage * degreesPerPixelMoved
+      };
+    }
+  }, {
+    key: "gestureBeginsVertically",
+    value: function gestureBeginsVertically(vectorA, vectorB, timeStamp) {
+      if (this.valid !== undefined) {
+        return this.valid;
+      }
+
+      var threshold = 2;
+      var movedA = vectorA.mag() >= threshold;
+      var movedB = vectorB.mag() >= threshold; // neither finger has moved a meaningful amount, wait
+
+      if (!movedA && !movedB) {
+        return;
+      } // One finger has moved and the other has not.
+      // If enough time has passed, decide it is not a pitch.
+
+
+      if (!movedA || !movedB) {
+        if (this.firstMove === undefined) {
+          this.firstMove = timeStamp;
+        }
+
+        if (timeStamp - this.firstMove < ALLOWED_SINGLE_TOUCH_TIME) {
+          // still waiting for a movement from the second finger
+          return undefined;
+        } else {
+          return false;
+        }
+      }
+
+      var isSameDirection = vectorA.y > 0 === vectorB.y > 0;
+      return isVertical(vectorA) && isVertical(vectorB) && isSameDirection;
+    }
+  }]);
+
+  return TouchPitchHandler;
+}(TwoTouchHandler);
+
+export { TouchPitchHandler as default };

package/es/handler/touch/touch_rotate.d.ts

@@ -0,0 +1,12 @@
+import Point from '../../geo/point';
+import TwoTouchHandler from './two_touch';
+export default class TouchRotateHandler extends TwoTouchHandler {
+    private minDiameter;
+    reset(): void;
+    start(points: [Point, Point]): void;
+    move(points: [Point, Point], pinchAround: Point): {
+        bearingDelta: number;
+        pinchAround: Point;
+    } | undefined;
+    private isBelowThreshold;
+}

package/es/handler/touch/touch_rotate.js

@@ -0,0 +1,88 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _get from "@babel/runtime/helpers/get";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+// @ts-ignore
+import TwoTouchHandler from "./two_touch";
+var ROTATION_THRESHOLD = 25; // pixels along circumference of touch circle
+
+function getBearingDelta(a, b) {
+  return a.angleWith(b) * 180 / Math.PI;
+}
+
+var TouchRotateHandler = /*#__PURE__*/function (_TwoTouchHandler) {
+  _inherits(TouchRotateHandler, _TwoTouchHandler);
+
+  var _super = _createSuper(TouchRotateHandler);
+
+  function TouchRotateHandler() {
+    _classCallCheck(this, TouchRotateHandler);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(TouchRotateHandler, [{
+    key: "reset",
+    value: function reset() {
+      _get(_getPrototypeOf(TouchRotateHandler.prototype), "reset", this).call(this); //@ts-ignore
+
+
+      delete this.minDiameter; //@ts-ignore
+
+      delete this.startVector; //@ts-ignore
+
+      delete this.vector;
+    }
+  }, {
+    key: "start",
+    value: function start(points) {
+      this.startVector = this.vector = points[0].sub(points[1]);
+      this.minDiameter = points[0].dist(points[1]);
+    }
+  }, {
+    key: "move",
+    value: function move(points, pinchAround) {
+      var lastVector = this.vector;
+      this.vector = points[0].sub(points[1]);
+
+      if (!this.active && this.isBelowThreshold(this.vector)) {
+        return;
+      }
+
+      this.active = true;
+      return {
+        bearingDelta: getBearingDelta(this.vector, lastVector),
+        pinchAround: pinchAround
+      };
+    }
+  }, {
+    key: "isBelowThreshold",
+    value: function isBelowThreshold(vector) {
+      /*
+       * The threshold before a rotation actually happens is configured in
+       * pixels alongth circumference of the circle formed by the two fingers.
+       * This makes the threshold in degrees larger when the fingers are close
+       * together and smaller when the fingers are far apart.
+       *
+       * Use the smallest diameter from the whole gesture to reduce sensitivity
+       * when pinching in and out.
+       */
+      this.minDiameter = Math.min(this.minDiameter, vector.mag());
+      var circumference = Math.PI * this.minDiameter;
+      var threshold = ROTATION_THRESHOLD / circumference * 360;
+      var bearingDeltaSinceStart = getBearingDelta(vector, this.startVector);
+      return Math.abs(bearingDeltaSinceStart) < threshold;
+    }
+  }]);
+
+  return TouchRotateHandler;
+}(TwoTouchHandler);
+
+export { TouchRotateHandler as default };

package/es/handler/touch/touch_zoom.d.ts

@@ -0,0 +1,12 @@
+import Point from '../../geo/point';
+import TwoTouchHandler from './two_touch';
+export default class TouchZoomHandler extends TwoTouchHandler {
+    private distance;
+    private startDistance;
+    reset(): void;
+    start(points: [Point, Point]): void;
+    move(points: [Point, Point], pinchAround: Point): {
+        zoomDelta: number;
+        pinchAround: Point;
+    } | undefined;
+}