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

package/es/handler/events/map_touch_event.js

@@ -0,0 +1,105 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+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 Point from "../../geo/point";
+import DOM from "../../utils/dom";
+import { Event } from "./event";
+
+var MapTouchEvent = /*#__PURE__*/function (_Event) {
+  _inherits(MapTouchEvent, _Event);
+
+  var _super = _createSuper(MapTouchEvent);
+
+  /**
+   * The event type.
+   */
+
+  /**
+   * The `Map` object that fired the event.
+   */
+
+  /**
+   * The DOM event which caused the map event.
+   */
+
+  /**
+   * The geographic location on the map of the center of the touch event points.
+   */
+
+  /**
+   * The pixel coordinates of the center of the touch event points, relative to the map and measured from the top left
+   * corner.
+   */
+
+  /**
+   * The array of pixel coordinates corresponding to a
+   * [touch event's `touches`](https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent/touches) property.
+   */
+
+  /**
+   * The geographical locations on the map corresponding to a
+   * [touch event's `touches`](https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent/touches) property.
+   */
+
+  /**
+   * `true` if `preventDefault` has been called.
+   * @private
+   */
+
+  /**
+   * @private
+   */
+  function MapTouchEvent(type, map, originalEvent) {
+    var _this;
+
+    _classCallCheck(this, MapTouchEvent);
+
+    var touches = type === 'touchend' ? originalEvent.changedTouches : originalEvent.touches;
+    var points = DOM.touchPos(map.getCanvasContainer(), touches);
+    var lngLats = points.map(function (t) {
+      return map.unproject(t);
+    });
+    var point = points.reduce(function (prev, curr, i, arr) {
+      return prev.add(curr.div(arr.length));
+    }, new Point(0, 0));
+    var lngLat = map.unproject(point);
+    _this = _super.call(this, type, {
+      points: points,
+      point: point,
+      lngLats: lngLats,
+      lngLat: lngLat,
+      originalEvent: originalEvent
+    });
+    _this.defaultPrevented = false;
+    return _this;
+  }
+  /**
+   * Prevents subsequent default processing of the event by the map.
+   *
+   * Calling this method will prevent the following default map behaviors:
+   *
+   *   * On `touchstart` events, the behavior of {@link DragPanHandler}
+   *   * On `touchstart` events, the behavior of {@link TouchZoomRotateHandler}
+   *
+   */
+
+
+  _createClass(MapTouchEvent, [{
+    key: "preventDefault",
+    value: function preventDefault() {
+      this.defaultPrevented = true;
+    }
+  }]);
+
+  return MapTouchEvent;
+}(Event);
+
+export { MapTouchEvent as default };

package/es/handler/events/map_wheel_event.d.ts

@@ -0,0 +1,33 @@
+import { EarthMap } from '../../earthmap';
+import { Map } from '../../map';
+import { Event } from './event';
+export interface IMapBoxZoomEvent {
+    type: 'boxzoomstart' | 'boxzoomend' | 'boxzoomcancel';
+    target: Map | EarthMap;
+    originalEvent: MouseEvent;
+}
+export default class MapWheelEvent extends Event {
+    /**
+     * The event type.
+     */
+    type: 'wheel';
+    /**
+     * The DOM event which caused the map event.
+     */
+    originalEvent: WheelEvent;
+    defaultPrevented: boolean;
+    /**
+     * The `Map` object that fired the event.
+     */
+    target: Map | EarthMap;
+    /**
+     * @private
+     */
+    constructor(type: string, map: Map | EarthMap, originalEvent: WheelEvent);
+    /**
+     * Prevents subsequent default processing of the event by the map.
+     *
+     * Calling this method will prevent the the behavior of {@link ScrollZoomHandler}.
+     */
+    private preventDefault;
+}

package/es/handler/events/map_wheel_event.js

@@ -0,0 +1,61 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+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; } }
+
+import { Event } from "./event";
+
+var MapWheelEvent = /*#__PURE__*/function (_Event) {
+  _inherits(MapWheelEvent, _Event);
+
+  var _super = _createSuper(MapWheelEvent);
+
+  /**
+   * The event type.
+   */
+
+  /**
+   * The DOM event which caused the map event.
+   */
+
+  /**
+   * The `Map` object that fired the event.
+   */
+
+  /**
+   * @private
+   */
+  function MapWheelEvent(type, map, originalEvent) {
+    var _this;
+
+    _classCallCheck(this, MapWheelEvent);
+
+    _this = _super.call(this, type, {
+      originalEvent: originalEvent
+    });
+    _this.defaultPrevented = false;
+    return _this;
+  }
+  /**
+   * Prevents subsequent default processing of the event by the map.
+   *
+   * Calling this method will prevent the the behavior of {@link ScrollZoomHandler}.
+   */
+
+
+  _createClass(MapWheelEvent, [{
+    key: "preventDefault",
+    value: function preventDefault() {
+      this.defaultPrevented = true;
+    }
+  }]);
+
+  return MapWheelEvent;
+}(Event);
+
+export { MapWheelEvent as default };

package/es/handler/events/render_event.d.ts

@@ -0,0 +1,5 @@
+import { Event } from './event';
+export default class RenderFrameEvent extends Event {
+    type: string;
+    timeStamp: number;
+}

package/es/handler/events/render_event.js

@@ -0,0 +1,39 @@
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+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; } }
+
+import { Event } from "./event";
+
+var RenderFrameEvent = /*#__PURE__*/function (_Event) {
+  _inherits(RenderFrameEvent, _Event);
+
+  var _super = _createSuper(RenderFrameEvent);
+
+  function RenderFrameEvent() {
+    var _this;
+
+    _classCallCheck(this, RenderFrameEvent);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "type", 'renderFrame');
+
+    return _this;
+  }
+
+  return _createClass(RenderFrameEvent);
+}(Event);
+
+export { RenderFrameEvent as default };

package/es/handler/handler_inertia.d.ts

@@ -0,0 +1,23 @@
+import { EarthMap } from '../earthmap';
+import { Map } from '../map';
+import { IDragPanOptions } from './shim/drag_pan';
+export interface IInertiaOptions {
+    linearity: number;
+    easing: (t: number) => number;
+    deceleration: number;
+    maxSpeed: number;
+}
+export declare type InputEvent = MouseEvent | TouchEvent | KeyboardEvent | WheelEvent;
+export default class HandlerInertia {
+    private map;
+    private inertiaBuffer;
+    constructor(map: Map | EarthMap);
+    clear(): void;
+    record(settings: any): void;
+    drainInertiaBuffer(): void;
+    onMoveEnd(panInertiaOptions?: IDragPanOptions): ({
+        [key: string]: any;
+    } & {
+        noMoveStart: boolean;
+    }) | undefined;
+}

package/es/handler/handler_inertia.js

@@ -0,0 +1,184 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+// @ts-ignore
+import Point from "../geo/point"; // tslint:disable-next-line:no-submodule-imports
+
+import merge from 'lodash/merge';
+import { bezier, clamp, now } from "../util";
+var defaultInertiaOptions = {
+  linearity: 0.3,
+  easing: bezier(0, 0, 0.3, 1)
+};
+var defaultPanInertiaOptions = merge({
+  deceleration: 2500,
+  maxSpeed: 1400
+}, defaultInertiaOptions);
+var defaultZoomInertiaOptions = merge({
+  deceleration: 20,
+  maxSpeed: 1400
+}, defaultInertiaOptions);
+var defaultBearingInertiaOptions = merge({
+  deceleration: 1000,
+  maxSpeed: 360
+}, defaultInertiaOptions);
+var defaultPitchInertiaOptions = merge({
+  deceleration: 1000,
+  maxSpeed: 90
+}, defaultInertiaOptions);
+
+var HandlerInertia = /*#__PURE__*/function () {
+  function HandlerInertia(map) {
+    _classCallCheck(this, HandlerInertia);
+
+    this.map = map;
+    this.clear();
+  }
+
+  _createClass(HandlerInertia, [{
+    key: "clear",
+    value: function clear() {
+      this.inertiaBuffer = [];
+    }
+  }, {
+    key: "record",
+    value: function record(settings) {
+      this.drainInertiaBuffer();
+      this.inertiaBuffer.push({
+        time: now(),
+        settings: settings
+      });
+    }
+  }, {
+    key: "drainInertiaBuffer",
+    value: function drainInertiaBuffer() {
+      var inertia = this.inertiaBuffer;
+      var nowTime = now();
+      var cutoff = 160; // msec
+
+      while (inertia.length > 0 && nowTime - inertia[0].time > cutoff) {
+        inertia.shift();
+      }
+    }
+  }, {
+    key: "onMoveEnd",
+    value: function onMoveEnd(panInertiaOptions) {
+      this.drainInertiaBuffer();
+
+      if (this.inertiaBuffer.length < 2) {
+        return;
+      }
+
+      var deltas = {
+        zoom: 0,
+        bearing: 0,
+        pitch: 0,
+        pan: new Point(0, 0),
+        pinchAround: undefined,
+        around: undefined
+      };
+
+      var _iterator = _createForOfIteratorHelper(this.inertiaBuffer),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var settings = _step.value.settings;
+          deltas.zoom += settings.zoomDelta || 0;
+          deltas.bearing += settings.bearingDelta || 0;
+          deltas.pitch += settings.pitchDelta || 0;
+
+          if (settings.panDelta) {
+            deltas.pan._add(settings.panDelta);
+          }
+
+          if (settings.around) {
+            deltas.around = settings.around;
+          }
+
+          if (settings.pinchAround) {
+            deltas.pinchAround = settings.pinchAround;
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+
+      var lastEntry = this.inertiaBuffer[this.inertiaBuffer.length - 1];
+      var duration = lastEntry.time - this.inertiaBuffer[0].time;
+      var easeOptions = {};
+
+      if (deltas.pan.mag()) {
+        var result = calculateEasing(deltas.pan.mag(), duration, merge({}, defaultPanInertiaOptions, panInertiaOptions || {}));
+        easeOptions.offset = deltas.pan.mult(result.amount / deltas.pan.mag());
+        easeOptions.center = this.map.transform.center;
+        extendDuration(easeOptions, result);
+      }
+
+      if (deltas.zoom) {
+        var _result = calculateEasing(deltas.zoom, duration, defaultZoomInertiaOptions);
+
+        easeOptions.zoom = this.map.transform.zoom + _result.amount;
+        extendDuration(easeOptions, _result);
+      }
+
+      if (deltas.bearing) {
+        var _result2 = calculateEasing(deltas.bearing, duration, defaultBearingInertiaOptions);
+
+        easeOptions.bearing = this.map.transform.bearing + clamp(_result2.amount, -179, 179);
+        extendDuration(easeOptions, _result2);
+      }
+
+      if (deltas.pitch) {
+        var _result3 = calculateEasing(deltas.pitch, duration, defaultPitchInertiaOptions);
+
+        easeOptions.pitch = this.map.transform.pitch + _result3.amount;
+        extendDuration(easeOptions, _result3);
+      }
+
+      if (easeOptions.zoom || easeOptions.bearing) {
+        var last = deltas.pinchAround === undefined ? deltas.around : deltas.pinchAround;
+        easeOptions.around = last ? this.map.unproject(last) : this.map.getCenter();
+      }
+
+      this.clear();
+      return merge(easeOptions, {
+        noMoveStart: true
+      });
+    }
+  }]);
+
+  return HandlerInertia;
+}(); // Unfortunately zoom, bearing, etc can't have different durations and easings so
+// we need to choose one. We use the longest duration and it's corresponding easing.
+
+
+export { HandlerInertia as default };
+
+function extendDuration(easeOptions, result) {
+  if (!easeOptions.duration || easeOptions.duration < result.duration) {
+    easeOptions.duration = result.duration;
+    easeOptions.easing = result.easing;
+  }
+}
+
+function calculateEasing(amount, inertiaDuration, inertiaOptions) {
+  var maxSpeed = inertiaOptions.maxSpeed,
+      linearity = inertiaOptions.linearity,
+      deceleration = inertiaOptions.deceleration;
+  var speed = clamp(amount * linearity / (inertiaDuration / 1000), -maxSpeed, maxSpeed);
+  var duration = Math.abs(speed) / (deceleration * linearity);
+  return {
+    easing: inertiaOptions.easing,
+    duration: duration * 1000,
+    amount: speed * (duration / 2)
+  };
+}

package/es/handler/handler_manager.d.ts

@@ -0,0 +1,61 @@
+import { EarthMap } from '../earthmap';
+import { Map } from '../map';
+import RenderFrameEvent from './events/render_event';
+import { IHandlerResult } from './IHandler';
+export declare type InputEvent = MouseEvent | TouchEvent | KeyboardEvent | WheelEvent;
+export interface IHandlerOptions {
+    interactive: boolean;
+    boxZoom: boolean;
+    dragRotate: boolean;
+    dragPan: boolean;
+    keyboard: boolean;
+    doubleClickZoom: boolean;
+    touchZoomRotate: boolean;
+    touchPitch: boolean;
+    trackResize: boolean;
+    renderWorldCopies: boolean;
+    bearingSnap: number;
+    clickTolerance: number;
+    pitchWithRotate: boolean;
+    pitchEnabled: boolean;
+    rotateEnabled: boolean;
+}
+declare class HandlerManager {
+    private map;
+    private el;
+    private handlers;
+    private eventsInProgress;
+    private frameId;
+    private inertia;
+    private bearingSnap;
+    private handlersById;
+    private updatingCamera;
+    private changes;
+    private previousActiveHandlers;
+    private bearingChanged;
+    private rotateEnabled;
+    private pitchEnabled;
+    private listeners;
+    constructor(map: Map | EarthMap, options: IHandlerOptions);
+    destroy(): void;
+    stop(): void;
+    isActive(): boolean;
+    isZooming(): boolean;
+    isRotating(): boolean;
+    isMoving(): boolean;
+    handleWindowEvent: (e: InputEvent) => void;
+    handleEvent: (e: InputEvent | RenderFrameEvent, eventName?: string) => void;
+    mergeIHandlerResult(mergedIHandlerResult: IHandlerResult, eventsInProgress: {
+        [key: string]: any;
+    }, HandlerResult: IHandlerResult, name: string, e?: InputEvent): void;
+    triggerRenderFrame(): void;
+    private addDefaultHandlers;
+    private add;
+    private blockedByActive;
+    private getMapTouches;
+    private applyChanges;
+    private updateMapTransform;
+    private fireEvents;
+    private fireEvent;
+}
+export default HandlerManager;