add "Map#isMoving" method mapbox#2792

js/ui/map.js

@@ -134,6 +134,7 @@ class Map extends Camera {
  const transform = new Transform(options.minZoom, options.maxZoom, options.renderWorldCopies);
  super(transform, options);
 
+ this._isMoving = false;
  this._interactive = options.interactive;
  this._failIfMajorPerformanceCaveat = options.failIfMajorPerformanceCaveat;
  this._preserveDrawingBuffer = options.preserveDrawingBuffer;
@@ -169,9 +170,13 @@ class Map extends Camera {
 
  this.on('move', this._update.bind(this, false));
  this.on('zoom', this._update.bind(this, true));
+ this.on('movestart', () => {
+ this._isMoving = true;
+ });
  this.on('moveend', () => {
  this.animationLoop.set(300); // text fading
  this._rerender();
+ this._isMoving = false;
  });
 
  if (typeof window !== 'undefined') {
@@ -1215,6 +1220,15 @@ class Map extends Camera {
  }
  }
 
+ /**
+ * Returns a Boolean indicating whether the map is moving.
+ *
+ * @returns {boolean} A Boolean indicating whether the map is moving.
+ */
+ isMoving() {
+ return this._isMoving;
+ }
+
  /**
  * Gets and sets a Boolean indicating whether the map will render an outline
  * around each tile. These tile boundaries are useful for debugging.

test/js/ui/map.test.js

@@ -1155,6 +1155,23 @@ test('Map', (t) => {
  });
  });
 
+ t.test('Map#isMoving', (t) => {
+ t.plan(3);
+ const map = createMap();
+
+ t.equal(map.isMoving(), false);
+
+ map.on('movestart', () => {
+ t.equal(map.isMoving(), true);
+ });
+
+ map.on('moveend', () => {
+ t.equal(map.isMoving(), false);
+ });
+
+ map.zoomTo(5, { duration: 0 });
+ });
+
  t.end();
 });