@antv/l7-map 2.17.10 → 2.17.12

package/lib/handler/scroll_zoom.js

@@ -1,33 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 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 _lng_lat = _interopRequireDefault(require("../geo/lng_lat"));
+
 var _util = require("../util");
+
 var _dom = _interopRequireDefault(require("../utils/dom"));
-// @ts-ignore
 
+// @ts-ignore
 // deltaY value for mouse scroll wheel identification
-var wheelZoomDelta = 4.000244140625;
-
-// These magic numbers control the rate of zoom. Trackpad events fire at a greater
+var wheelZoomDelta = 4.000244140625; // These magic numbers control the rate of zoom. Trackpad events fire at a greater
 // frequency than mouse scroll wheel, so reduce the zoom rate per wheel tick
-var defaultZoomRate = 1 / 100;
-var wheelZoomRate = 1 / 450;
 
-// upper bound on how much we scale the map in any single render frame; this
+var defaultZoomRate = 1 / 100;
+var wheelZoomRate = 1 / 450; // upper bound on how much we scale the map in any single render frame; this
 // is used to limit zoom rate in the case of very fast scrolling
-var maxScalePerFrame = 2;
 
+var maxScalePerFrame = 2;
 /**
  * The `ScrollZoomHandler` allows the user to zoom the map by scrolling.
  */
+
 var ScrollZoomHandler = /*#__PURE__*/function () {
   // used for delayed-handling of a single wheel movement
   // used to delay final '{move,zoom}end' events
@@ -37,48 +42,56 @@ var ScrollZoomHandler = /*#__PURE__*/function () {
    */
   function ScrollZoomHandler(map, handler) {
     var _this = this;
+
     (0, _classCallCheck2.default)(this, ScrollZoomHandler);
     (0, _defineProperty2.default)(this, "onScrollFrame", function () {
       if (!_this.frameId) {
         return;
       }
+
       _this.frameId = null;
+
       if (!_this.isActive()) {
         return;
       }
-      var tr = _this.map.transform;
 
-      // if we've had scroll events since the last render frame, consume the
+      var tr = _this.map.transform; // if we've had scroll events since the last render frame, consume the
       // accumulated delta, and update the target zoom level accordingly
+
       if (_this.delta !== 0) {
         // For trackpad events and single mouse wheel ticks, use the default zoom rate
-        var zoomRate = _this.type === 'wheel' && Math.abs(_this.delta) > wheelZoomDelta ? _this.wheelZoomRate : _this.defaultZoomRate;
-        // Scale by sigmoid of scroll wheel delta.
+        var zoomRate = _this.type === 'wheel' && Math.abs(_this.delta) > wheelZoomDelta ? _this.wheelZoomRate : _this.defaultZoomRate; // Scale by sigmoid of scroll wheel delta.
+
         var scale = maxScalePerFrame / (1 + Math.exp(-Math.abs(_this.delta * zoomRate)));
+
         if (_this.delta < 0 && scale !== 0) {
           scale = 1 / scale;
         }
-        var fromScale = typeof _this.targetZoom === 'number' ? tr.zoomScale(_this.targetZoom) : tr.scale;
-        _this.targetZoom = Math.min(tr.maxZoom, Math.max(tr.minZoom, tr.scaleZoom(fromScale * scale)));
 
-        // if this is a mouse wheel, refresh the starting zoom and easing
+        var fromScale = typeof _this.targetZoom === 'number' ? tr.zoomScale(_this.targetZoom) : tr.scale;
+        _this.targetZoom = Math.min(tr.maxZoom, Math.max(tr.minZoom, tr.scaleZoom(fromScale * scale))); // if this is a mouse wheel, refresh the starting zoom and easing
         // function we're using to smooth out the zooming between wheel
         // events
+
         if (_this.type === 'wheel') {
           _this.startZoom = tr.zoom;
           _this.easing = _this.smoothOutEasing(200);
         }
+
         _this.delta = 0;
       }
+
       var targetZoom = typeof _this.targetZoom === 'number' ? _this.targetZoom : tr.zoom;
       var startZoom = _this.startZoom;
       var easing = _this.easing;
       var finished = false;
       var zoom;
+
       if (_this.type === 'wheel' && startZoom && easing) {
         var t = Math.min(((0, _util.now)() - _this.lastWheelEventTime) / 200, 1);
         var k = easing(t);
         zoom = (0, _util.interpolate)(startZoom, targetZoom, k);
+
         if (t < 1) {
           if (!_this.frameId) {
             _this.frameId = true;
@@ -90,19 +103,24 @@ var ScrollZoomHandler = /*#__PURE__*/function () {
         zoom = targetZoom;
         finished = true;
       }
+
       _this.active = true;
+
       if (finished) {
-        _this.active = false;
-        // @ts-ignore
+        _this.active = false; // @ts-ignore
+
         _this.finishTimeout = setTimeout(function () {
           _this.zooming = false;
-          _this.handler.triggerRenderFrame();
-          // @ts-ignore
-          delete _this.targetZoom;
-          // @ts-ignore
+
+          _this.handler.triggerRenderFrame(); // @ts-ignore
+
+
+          delete _this.targetZoom; // @ts-ignore
+
           delete _this.finishTimeout;
         }, 200);
       }
+
       return {
         noInertia: true,
         needsRenderFrame: !finished,
@@ -118,7 +136,6 @@ var ScrollZoomHandler = /*#__PURE__*/function () {
     this.defaultZoomRate = defaultZoomRate;
     this.wheelZoomRate = wheelZoomRate;
   }
-
   /**
    * Set the zoom rate of a trackpad
    * @param {number} [zoomRate=1/100] The rate used to scale trackpad movement to a zoom value.
@@ -126,12 +143,13 @@ var ScrollZoomHandler = /*#__PURE__*/function () {
    * // Speed up trackpad zoom
    * map.scrollZoom.setZoomRate(1/25);
    */
+
+
   (0, _createClass2.default)(ScrollZoomHandler, [{
     key: "setZoomRate",
     value: function setZoomRate(zoomRate) {
       this.defaultZoomRate = zoomRate;
     }
-
     /**
      * Set the zoom rate of a mouse wheel
      * @param {number} [wheelZoomRate=1/450] The rate used to scale mouse wheel movement to a zoom value.
@@ -139,28 +157,29 @@ var ScrollZoomHandler = /*#__PURE__*/function () {
      * // Slow down zoom of mouse wheel
      * map.scrollZoom.setWheelZoomRate(1/600);
      */
+
   }, {
     key: "setWheelZoomRate",
     value: function setWheelZoomRate(zoomRate) {
       this.wheelZoomRate = zoomRate;
     }
-
     /**
      * Returns a Boolean indicating whether the "scroll to zoom" interaction is enabled.
      *
      * @returns {boolean} `true` if the "scroll to zoom" interaction is enabled.
      */
+
   }, {
     key: "isEnabled",
     value: function isEnabled() {
       return !!this.enabled;
     }
-
     /*
      * Active state is turned on and off with every scroll wheel event and is set back to false before the map
      * render is called, so _active is not a good candidate for determining if a scroll zoom animation is in
      * progress.
      */
+
   }, {
     key: "isActive",
     value: function isActive() {
@@ -171,7 +190,6 @@ var ScrollZoomHandler = /*#__PURE__*/function () {
     value: function isZooming() {
       return !!this.zooming;
     }
-
     /**
      * Enables the "scroll to zoom" interaction.
      *
@@ -183,28 +201,31 @@ var ScrollZoomHandler = /*#__PURE__*/function () {
      * @example
      *  map.scrollZoom.enable({ around: 'center' })
      */
+
   }, {
     key: "enable",
     value: function enable(options) {
       if (this.isEnabled()) {
         return;
       }
+
       this.enabled = true;
       this.aroundCenter = options && options.around === 'center';
     }
-
     /**
      * Disables the "scroll to zoom" interaction.
      *
      * @example
      *   map.scrollZoom.disable();
      */
+
   }, {
     key: "disable",
     value: function disable() {
       if (!this.isEnabled()) {
         return;
       }
+
       this.enabled = false;
     }
   }, {
@@ -212,12 +233,14 @@ var ScrollZoomHandler = /*#__PURE__*/function () {
     value: function wheel(e) {
       if (!this.isEnabled()) {
         return;
-      }
-      // Remove `any` cast when https://github.com/facebook/flow/issues/4879 is fixed.
+      } // Remove `any` cast when https://github.com/facebook/flow/issues/4879 is fixed.
+
+
       var value = e.deltaMode === window.WheelEvent.DOM_DELTA_LINE ? e.deltaY * 40 : e.deltaY;
       var nowTime = (0, _util.now)();
       var timeDelta = nowTime - (this.lastWheelEventTime || 0);
       this.lastWheelEventTime = nowTime;
+
       if (value !== 0 && value % wheelZoomDelta === 0) {
         // This one is definitely a mouse wheel event.
         this.type = 'wheel';
@@ -227,37 +250,38 @@ var ScrollZoomHandler = /*#__PURE__*/function () {
       } else if (timeDelta > 400) {
         // This is likely a new scroll action.
         this.type = null;
-        this.lastValue = value;
-
-        // Start a timeout in case this was a singular event, and dely it by up to 40ms.
+        this.lastValue = value; // Start a timeout in case this was a singular event, and dely it by up to 40ms.
         // @ts-ignore
+
         this.timeout = setTimeout(this.onTimeout, 40, e);
       } else if (!this.type) {
         // This is a repeating event, but we don't know the type of event just yet.
         // If the delta per time is small, we assume it's a fast trackpad; otherwise we switch into wheel mode.
-        this.type = Math.abs(timeDelta * value) < 200 ? 'trackpad' : 'wheel';
-
-        // Make sure our delayed event isn't fired again, because we accumulate
+        this.type = Math.abs(timeDelta * value) < 200 ? 'trackpad' : 'wheel'; // Make sure our delayed event isn't fired again, because we accumulate
         // the previous event (which was less than 40ms ago) into this event.
+
         if (this.timeout) {
           clearTimeout(this.timeout);
           this.timeout = null;
           value += this.lastValue;
         }
-      }
+      } // Slow down zoom if shift key is held for more precise zooming
+
 
-      // Slow down zoom if shift key is held for more precise zooming
       if (e.shiftKey && value) {
         value = value / 4;
-      }
-      // Only fire the callback if we actually know what type of scrolling device the user uses.
+      } // Only fire the callback if we actually know what type of scrolling device the user uses.
+
+
       if (this.type) {
         this.lastWheelEvent = e;
         this.delta -= value;
+
         if (!this.active) {
           this.start(e);
         }
       }
+
       e.preventDefault();
     }
   }, {
@@ -275,6 +299,7 @@ var ScrollZoomHandler = /*#__PURE__*/function () {
     value: function onTimeout(initialEvent) {
       this.type = 'wheel';
       this.delta -= this.lastValue;
+
       if (!this.active && this.start) {
         this.start(initialEvent);
       }
@@ -285,21 +310,28 @@ var ScrollZoomHandler = /*#__PURE__*/function () {
       if (!this.delta) {
         return;
       }
+
       if (this.frameId) {
         this.frameId = null;
       }
+
       this.active = true;
+
       if (!this.isZooming()) {
         this.zooming = true;
       }
+
       if (this.finishTimeout) {
-        clearTimeout(this.finishTimeout);
-        // @ts-ignore
+        clearTimeout(this.finishTimeout); // @ts-ignore
+
         delete this.finishTimeout;
       }
+
       var pos = _dom.default.mousePos(this.el, e);
+
       this.around = _lng_lat.default.convert(this.aroundCenter ? this.map.getCenter() : this.map.unproject(pos));
       this.aroundPoint = this.map.transform.locationPoint(this.around);
+
       if (!this.frameId) {
         this.frameId = true;
         this.handler.triggerRenderFrame();
@@ -309,16 +341,17 @@ var ScrollZoomHandler = /*#__PURE__*/function () {
     key: "smoothOutEasing",
     value: function smoothOutEasing(duration) {
       var easing = _util.ease;
+
       if (this.prevEase) {
         var preEase = this.prevEase;
         var t = ((0, _util.now)() - preEase.start) / preEase.duration;
-        var speed = preEase.easing(t + 0.01) - preEase.easing(t);
+        var speed = preEase.easing(t + 0.01) - preEase.easing(t); // Quick hack to make new bezier that is continuous with last
 
-        // Quick hack to make new bezier that is continuous with last
         var x = 0.27 / Math.sqrt(speed * speed + 0.0001) * 0.01;
         var y = Math.sqrt(0.27 * 0.27 - x * x);
         easing = (0, _util.bezier)(x, y, 0.25, 1);
       }
+
       this.prevEase = {
         start: (0, _util.now)(),
         duration: duration,
@@ -329,5 +362,6 @@ var ScrollZoomHandler = /*#__PURE__*/function () {
   }]);
   return ScrollZoomHandler;
 }();
+
 var _default = ScrollZoomHandler;
 exports.default = _default;

package/lib/handler/shim/dblclick_zoom.js

@@ -1,12 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 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"));
+
 /**
  * The `DoubleClickZoomHandler` allows the user to zoom the map at a point by
  * double clicking or double tapping.
@@ -20,49 +24,50 @@ var DoubleClickZoomHandler = /*#__PURE__*/function () {
     this.clickZoom = clickZoom;
     this.tapZoom = TapZoom;
   }
-
   /**
    * Enables the "double click to zoom" interaction.
    *
    * @example
    * map.doubleClickZoom.enable();
    */
+
+
   (0, _createClass2.default)(DoubleClickZoomHandler, [{
     key: "enable",
     value: function enable() {
       this.clickZoom.enable();
       this.tapZoom.enable();
     }
-
     /**
      * Disables the "double click to zoom" interaction.
      *
      * @example
      * map.doubleClickZoom.disable();
      */
+
   }, {
     key: "disable",
     value: function disable() {
       this.clickZoom.disable();
       this.tapZoom.disable();
     }
-
     /**
      * Returns a Boolean indicating whether the "double click to zoom" interaction is enabled.
      *
      * @returns {boolean} `true` if the "double click to zoom" interaction is enabled.
      */
+
   }, {
     key: "isEnabled",
     value: function isEnabled() {
       return this.clickZoom.isEnabled() && this.tapZoom.isEnabled();
     }
-
     /**
      * Returns a Boolean indicating whether the "double click to zoom" interaction is active, i.e. currently being used.
      *
      * @returns {boolean} `true` if the "double click to zoom" interaction is active.
      */
+
   }, {
     key: "isActive",
     value: function isActive() {
@@ -71,4 +76,5 @@ var DoubleClickZoomHandler = /*#__PURE__*/function () {
   }]);
   return DoubleClickZoomHandler;
 }();
+
 exports.default = DoubleClickZoomHandler;

package/lib/handler/shim/drag_pan.js

@@ -1,13 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 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 _l7Utils = require("@antv/l7-utils");
+
 /**
  * The `DragPanHandler` allows the user to pan the map by clicking and dragging
  * the cursor.
@@ -22,7 +27,6 @@ var DragPanHandler = /*#__PURE__*/function () {
     this.mousePan = mousePan;
     this.touchPan = touchPan;
   }
-
   /**
    * Enables the "drag to pan" interaction.
    *
@@ -42,49 +46,53 @@ var DragPanHandler = /*#__PURE__*/function () {
    *      deceleration: 2500,
    *   });
    */
+
+
   (0, _createClass2.default)(DragPanHandler, [{
     key: "enable",
     value: function enable(options) {
       this.inertiaOptions = options || {};
       this.mousePan.enable();
       this.touchPan.enable();
+
       if (!_l7Utils.isMini) {
         this.el.classList.add('l7-touch-drag-pan');
       }
     }
-
     /**
      * Disables the "drag to pan" interaction.
      *
      * @example
      * map.dragPan.disable();
      */
+
   }, {
     key: "disable",
     value: function disable() {
       this.mousePan.disable();
       this.touchPan.disable();
+
       if (!_l7Utils.isMini) {
         this.el.classList.remove('l7-touch-drag-pan');
       }
     }
-
     /**
      * Returns a Boolean indicating whether the "drag to pan" interaction is enabled.
      *
      * @returns {boolean} `true` if the "drag to pan" interaction is enabled.
      */
+
   }, {
     key: "isEnabled",
     value: function isEnabled() {
       return this.mousePan.isEnabled() && this.touchPan.isEnabled();
     }
-
     /**
      * Returns a Boolean indicating whether the "drag to pan" interaction is active, i.e. currently being used.
      *
      * @returns {boolean} `true` if the "drag to pan" interaction is active.
      */
+
   }, {
     key: "isActive",
     value: function isActive() {
@@ -93,4 +101,5 @@ var DragPanHandler = /*#__PURE__*/function () {
   }]);
   return DragPanHandler;
 }();
+
 exports.default = DragPanHandler;

package/lib/handler/shim/drag_rotate.js

@@ -1,12 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 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"));
+
 /**
  * The `DragRotateHandler` allows the user to rotate the map by clicking and
  * dragging the cursor while holding the right mouse button or `ctrl` key.
@@ -25,51 +29,53 @@ var DragRotateHandler = /*#__PURE__*/function () {
     this.mouseRotate = mouseRotate;
     this.mousePitch = mousePitch;
   }
-
   /**
    * Enables the "drag to rotate" interaction.
    *
    * @example
    * map.dragRotate.enable();
    */
+
+
   (0, _createClass2.default)(DragRotateHandler, [{
     key: "enable",
     value: function enable() {
       this.mouseRotate.enable();
+
       if (this.pitchWithRotate) {
         this.mousePitch.enable();
       }
     }
-
     /**
      * Disables the "drag to rotate" interaction.
      *
      * @example
      * map.dragRotate.disable();
      */
+
   }, {
     key: "disable",
     value: function disable() {
       this.mouseRotate.disable();
       this.mousePitch.disable();
     }
-
     /**
      * Returns a Boolean indicating whether the "drag to rotate" interaction is enabled.
      *
      * @returns {boolean} `true` if the "drag to rotate" interaction is enabled.
      */
+
   }, {
     key: "isEnabled",
     value: function isEnabled() {
       return this.mouseRotate.isEnabled() && (!this.pitchWithRotate || this.mousePitch.isEnabled());
     }
-
     /**
      * Returns a Boolean indicating whether the "drag to rotate" interaction is active, i.e. currently being used.
      *
      * @returns {boolean} `true` if the "drag to rotate" interaction is active.
      */
+
   }, {
     key: "isActive",
     value: function isActive() {
@@ -78,4 +84,5 @@ var DragRotateHandler = /*#__PURE__*/function () {
   }]);
   return DragRotateHandler;
 }();
+
 exports.default = DragRotateHandler;