Merge pull request #348 from orangemug/fix/color-filter-undefined

Undefined filter fix (color accessibility)

src/components/App.jsx

@@ -430,9 +430,10 @@ export default class App extends React.Component {
         onLayerSelect={this.onLayerSelect.bind(this)} />
     }
 
-    const elementStyle = {
-      "filter": `url('#${this.state.mapFilter}')`
-    };
+    const elementStyle = {};
+    if(this.state.mapFilter) {
+      elementStyle.filter = `url('#${this.state.mapFilter}')`;
+    }
 
     return <div style={elementStyle}>
       {mapElement}

src/components/map/MapboxGlMap.jsx

@@ -66,6 +66,7 @@ export default class MapboxGlMap extends React.Component {
     onDataChange: () => {},
     onLayerSelect: () => {},
     mapboxAccessToken: tokens.mapbox,
+    options: {},
   }
 
   constructor(props) {