got image export to work:

etpinard · etpinard · commit a9ef0c141be2 · 2016-05-20T11:11:15.000-04:00
- pass staticPlot config opt to mapbox constructor
- set preserveDrawingBuffer on export
- add mapbox.toImage method
- make sure that Plotly.plot promise is return after all
  layer are rendered.
- add first image mock
diff --git a/src/plots/mapbox/index.js b/src/plots/mapbox/index.js
@@ -63,7 +63,8 @@ exports.plot = function plotMapbox(gd) {
                 gd: gd,
                 container: fullLayout._glcontainer.node(),
                 id: id,
-                fullLayout: fullLayout
+                fullLayout: fullLayout,
+                staticPlot: gd._context.staticPlot
             });
 
             fullLayout[id]._mapbox = mapbox;
diff --git a/src/plots/mapbox/mapbox.js b/src/plots/mapbox/mapbox.js
@@ -19,6 +19,7 @@ function Mapbox(opts) {
     this.id = opts.id;
     this.gd = opts.gd;
     this.container = opts.container;
+    this.isStatic = opts.staticPlot;
 
     var fullLayout = opts.fullLayout;
 
@@ -78,16 +79,21 @@ proto.createMap = function(fullData, fullLayout, resolve) {
         container: self.div,
         style: convertStyleUrl(opts.style),
         center: convertCenter(opts.center),
-        zoom: opts.zoom
+        zoom: opts.zoom,
+        preserveDrawingBuffer: self.isStatic
     });
 
     map.once('load', function() {
         console.log('map on load')
         self.updateData(fullData);
         self.updateLayout(fullLayout);
-        resolve();
-    });
 
+        map.on('render', function() {
+            if(map.loaded()) {
+                map.off('render', this);
+                resolve();
+            }
+        });
     map.on('mousemove', function(eventData) {
         // hover code goes here !!!
     });
@@ -219,6 +225,10 @@ proto.destroy = function() {
     this.container.removeChild(this.hoverLayer);
 };
 
+proto.toImage = function(format) {
+    return this.map.getCanvas().toDataURL();
+};
+
 proto.getStyle = function() {
     var name = this.map.getStyle().name;
 
diff --git a/test/image/baselines/mapbox.png b/test/image/baselines/mapbox.png
diff --git a/test/image/mocks/mapbox.json b/test/image/mocks/mapbox.json
@@ -0,0 +1,53 @@
+{
+  "data": [
+    {
+      "type": "scattermapbox",
+      "mode": "markers+lines",
+      "lon": [
+        10,
+        20,
+        30
+      ],
+      "lat": [
+        10,
+        20,
+        30
+      ],
+      "marker": {
+        "size": 20
+      },
+      "uid": "d4580a"
+    },
+    {
+      "type": "scattermapbox",
+      "mode": "markers+lines",
+      "lon": [
+        -75,
+        -120,
+        170
+      ],
+      "lat": [
+        45,
+        20,
+        -40
+      ],
+      "marker": {
+        "size": 20
+      },
+      "uid": "f5a4c5"
+    }
+  ],
+  "layout": {
+    "mapbox": {
+      "style": "dark",
+      "center": {
+        "lon": -4.71092760419225,
+        "lat": 19.475789009298566
+      },
+      "zoom": 1.2345714569517612
+    },
+    "height": 450,
+    "width": 1100,
+    "autosize": true
+  }
+}
