Add capturePointerMove to NavigationControl (#1215)

docs/advanced/custom-components.md

@@ -52,6 +52,9 @@ Stop propagation of click event to the map component. Can be used to stop map fr
 ##### `captureDoubleClick` {Boolean} - default: `true`
 Stop propagation of dblclick event to the map component. Can be used to stop map from zooming when this component is double clicked.
 
+##### `capturePointerMove` {Boolean} - default: `false`
+Stop propagation of pointermove event to the map component. Can be used to stop map from calling the `onMouseMove` or `onTouchMove` callback when this component is hovered.
+
 ## Private Members
 
 ##### `_containerRef`

src/components/base-control.js

@@ -33,21 +33,25 @@ const propTypes = {
   // Stop map click
   captureClick: PropTypes.bool,
   // Stop map double click
-  captureDoubleClick: PropTypes.bool
+  captureDoubleClick: PropTypes.bool,
+  // Stop map pointer move
+  capturePointerMove: PropTypes.bool
 };
 
 const defaultProps = {
   captureScroll: false,
   captureDrag: true,
   captureClick: true,
-  captureDoubleClick: true
+  captureDoubleClick: true,
+  capturePointerMove: false
 };
 
 export type BaseControlProps = {
   captureScroll: boolean,
   captureDrag: boolean,
   captureClick: boolean,
   captureDoubleClick: boolean,
+  capturePointerMove: boolean,
   children?: any
 };
 
@@ -81,7 +85,8 @@ export default class BaseControl<
         panstart: this._onDragStart,
         anyclick: this._onClick,
         click: this._onClick,
-        dblclick: this._onDblClick
+        dblclick: this._onDblClick,
+        pointermove: this._onPointerMove
       };
       eventManager.watch(this._events, ref);
     }
@@ -122,6 +127,12 @@ export default class BaseControl<
     }
   };
 
+  _onPointerMove = (evt: MjolnirEvent) => {
+    if (this.props.capturePointerMove) {
+      evt.stopPropagation();
+    }
+  };
+
   _render() {
     throw new Error('_render() not implemented');
   }

src/overlays/canvas-overlay.js

@@ -34,7 +34,8 @@ const defaultProps = {
   captureScroll: false,
   captureDrag: false,
   captureClick: false,
-  captureDoubleClick: false
+  captureDoubleClick: false,
+  capturePointerMove: false
 };
 
 export type CanvasOverlayProps = BaseControlProps & {

src/overlays/html-overlay.js

@@ -35,7 +35,8 @@ const defaultProps = {
   captureScroll: false,
   captureDrag: false,
   captureClick: false,
-  captureDoubleClick: false
+  captureDoubleClick: false,
+  capturePointerMove: false
 };
 
 export type HTMLOverlayProps = BaseControlProps & {

src/overlays/svg-overlay.js

@@ -35,7 +35,8 @@ const defaultProps = {
   captureScroll: false,
   captureDrag: false,
   captureClick: false,
-  captureDoubleClick: false
+  captureDoubleClick: false,
+  capturePointerMove: false
 };
 
 export type SVGOverlayProps = BaseControlProps & {