Upgrade to Mapbox GL 0.28

package.json

@@ -22,7 +22,7 @@
     "color": "^1.0.3",
     "file-saver": "^1.3.2",
     "immutable": "^3.8.1",
-    "mapbox-gl": "^0.24.0",
+    "mapbox-gl": "^0.28.0",
     "mapbox-gl-style-spec": "mapbox/mapbox-gl-style-spec#83b1a3e5837d785af582efd5ed1a212f2df6a4ae",
     "ol-mapbox-style": "0.0.11",
     "openlayers": "^3.19.1",
@@ -83,6 +83,7 @@
     "babel-loader": "6.2.4",
     "babel-plugin-transform-class-properties": "^6.11.5",
     "babel-plugin-transform-decorators-legacy": "^1.3.4",
+    "babel-plugin-transform-flow-strip-types": "^6.21.0",
     "babel-plugin-transform-object-rest-spread": "^6.8.0",
     "babel-plugin-transform-runtime": "^6.15.0",
     "babel-preset-es2015": "6.14.0",

src/gl.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import MapboxGl from 'mapbox-gl';
+import MapboxGl from 'mapbox-gl'
 import { fullHeight } from './theme.js'
 import style from './style.js'
 import { Map } from './map.jsx'

webpack.loaders.js

@@ -13,6 +13,15 @@ module.exports = [
       plugins: ['transform-runtime', 'transform-decorators-legacy', 'transform-class-properties'],
     }
   },
+  {
+    test: /\.js?$/,
+    include: /node_modules\/mapbox-gl\//,
+    loader: 'babel',
+    query: {
+      presets: ['react'],
+      plugins: ['transform-flow-strip-types'],
+    }
+  },
   {
     test: /\.(eot|svg|ttf|woff|woff2)$/,
     loader: 'file?name=fonts/[name].[ext]'