add dblclick handler to mapbox subplots

- which reset view back to initial values

Author: etpinard

src/plots/mapbox/mapbox.js

@@ -19,7 +19,6 @@ var constants = require('./constants');
 var layoutAttributes = require('./layout_attributes');
 var createMapboxLayer = require('./layers');
 
-
 function Mapbox(opts) {
     this.id = opts.id;
     this.gd = opts.gd;
@@ -111,6 +110,7 @@ proto.createMap = function(calcData, fullLayout, resolve, reject) {
         interactive: !self.isStatic,
         preserveDrawingBuffer: self.isStatic,
 
+        doubleClickZoom: false,
         boxZoom: false
     });
 
@@ -186,6 +186,24 @@ proto.createMap = function(calcData, fullLayout, resolve, reject) {
 
     map.on('dragstart', unhover);
     map.on('zoomstart', unhover);
+
+    map.on('dblclick', function() {
+        var viewInitial = self.viewInitial;
+
+        map.setCenter(convertCenter(viewInitial.center));
+        map.setZoom(viewInitial.zoom);
+        map.setBearing(viewInitial.bearing);
+        map.setPitch(viewInitial.pitch);
+
+        var viewNow = self.getView();
+
+        opts._input.center = opts.center = viewNow.center;
+        opts._input.zoom = opts.zoom = viewNow.zoom;
+        opts._input.bearing = opts.bearing = viewNow.bearing;
+        opts._input.pitch = opts.pitch = viewNow.pitch;
+
+        gd.emit('plotly_doubleclick', null);
+    });
 };
 
 proto.updateMap = function(calcData, fullLayout, resolve, reject) {
@@ -488,8 +506,8 @@ proto.project = function(v) {
 proto.getView = function() {
     var map = this.map;
 
-    var mapCenter = map.getCenter(),
-        center = { lon: mapCenter.lng, lat: mapCenter.lat };
+    var mapCenter = map.getCenter();
+    var center = { lon: mapCenter.lng, lat: mapCenter.lat };
 
     return {
         center: center,

test/jasmine/tests/mapbox_test.js

@@ -23,7 +23,6 @@ Plotly.setPlotConfig({
     mapboxAccessToken: MAPBOX_ACCESS_TOKEN
 });
 
-
 describe('mapbox defaults', function() {
     'use strict';
 
@@ -788,31 +787,19 @@ describe('@noCI, mapbox plots', function() {
         .then(done);
     }, LONG_TIMEOUT_INTERVAL);
 
-    it('should respond drag / scroll interactions', function(done) {
-        var relayoutCnt = 0,
-            updateData;
+    it('should respond drag / scroll / double-click interactions', function(done) {
+        var relayoutCnt = 0;
+        var doubleClickCnt = 0;
+        var updateData;
 
         gd.on('plotly_relayout', function(eventData) {
             relayoutCnt++;
             updateData = eventData;
         });
 
-        function _drag(p0, p1, cb) {
-            var promise = _mouseEvent('mousemove', p0, noop).then(function() {
-                return _mouseEvent('mousedown', p0, noop);
-            }).then(function() {
-                return _mouseEvent('mousemove', p1, noop);
-            }).then(function() {
-                // repeat mousemove to simulate long dragging motion
-                return _mouseEvent('mousemove', p1, noop);
-            }).then(function() {
-                return _mouseEvent('mouseup', p1, noop);
-            }).then(function() {
-                return _mouseEvent('mouseup', p1, noop);
-            }).then(cb);
-
-            return promise;
-        }
+        gd.on('plotly_doubleclick', function() {
+            doubleClickCnt++;
+        });
 
         function assertLayout(center, zoom, opts) {
             var mapInfo = getMapInfo(gd),
@@ -838,8 +825,13 @@ describe('@noCI, mapbox plots', function() {
 
         _drag(pointPos, p1, function() {
             expect(relayoutCnt).toEqual(1);
-            assertLayout([-19.651, 13.751], 1.234, { withUpdateData: true });
+            assertLayout([-19.651, 13.751], 1.234, {withUpdateData: true});
 
+            return _doubleClick(p1);
+        })
+        .then(function() {
+            expect(doubleClickCnt).toBe(1, 'double click cnt');
+            assertLayout([-4.710, 19.475], 1.234);
         })
         .catch(failTest)
         .then(done);
@@ -855,16 +847,6 @@ describe('@noCI, mapbox plots', function() {
             ptData = eventData.points[0];
         });
 
-        function _click(pos, cb) {
-            var promise = _mouseEvent('mousemove', pos, noop).then(function() {
-                return _mouseEvent('mousedown', pos, noop);
-            }).then(function() {
-                return _mouseEvent('click', pos, cb);
-            });
-
-            return promise;
-        }
-
         _click(blankPos, function() {
             expect(ptData).toBe(undefined, 'not firing on blank points');
         })
@@ -991,6 +973,38 @@ describe('@noCI, mapbox plots', function() {
             }, MOUSE_DELAY);
         });
     }
+
+    function _click(pos, cb) {
+        var promise = _mouseEvent('mousemove', pos, noop).then(function() {
+            return _mouseEvent('mousedown', pos, noop);
+        }).then(function() {
+            return _mouseEvent('click', pos, cb);
+        });
+
+        return promise;
+    }
+
+    function _doubleClick(pos) {
+        return _mouseEvent('dblclick', pos, noop);
+    }
+
+    function _drag(p0, p1, cb) {
+        var promise = _mouseEvent('mousemove', p0, noop).then(function() {
+            return _mouseEvent('mousedown', p0, noop);
+        }).then(function() {
+            return _mouseEvent('mousemove', p1, noop);
+        }).then(function() {
+            // repeat mousemove to simulate long dragging motion
+            return _mouseEvent('mousemove', p1, noop);
+        }).then(function() {
+            return _mouseEvent('mouseup', p1, noop);
+        }).then(function() {
+            return _mouseEvent('mouseup', p1, noop);
+        }).then(cb);
+
+        return promise;
+    }
+
 });
 
 describe('@noCI, mapbox toImage', function() {