Add mapbox token to env variables

smartcitiesdata/discovery-ui#184 co-authored-by: Cameron Marsh <[email protected]>
UrbanOS-Examples · Sep 5, 2019 · d22023b · d22023b
1 parent 0bc205f
commit d22023b
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 9 deletions.
diff --git a/config/config.js b/config/config.js
@@ -3,3 +3,4 @@ window.GTM_ID = ''
 window.BASE_URL = 'example.com'
 window.STREETS_TILE_LAYER_URL = 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'
 window.LOGO_URL = 'https://placekitten.com/530/530'
+window.MAPBOX_ACCESS_TOKEN = ''
diff --git a/package-lock.json b/package-lock.json
diff --git a/run.sh b/run.sh
@@ -5,6 +5,7 @@ window.API_HOST = '${API_HOST}'
 window.GTM_ID = '${GTM_ID}'
 window.BASE_URL = '${BASE_URL}'
 window.STREETS_TILE_LAYER_URL = '${STREETS_TILE_LAYER_URL}'
+window.MAPBOX_ACCESS_TOKEN = '${MAPBOX_ACCESS_TOKEN}'
 window.LOGO_URL = '${LOGO_URL}'
 EOL
 

diff --git a/src/components/visualizations/chart/chart-visualization.js b/src/components/visualizations/chart/chart-visualization.js
@@ -18,10 +18,12 @@ const getDataSourceOptions = dataSources => {
 export default class ChartVisualization extends Component {
   constructor(props) {
     super(props)
+
     this.state = { data: [], layout: {}, frames: [] }
   }
 
   render() {
+
     return (
       <chart-visualization>
         {
@@ -36,6 +38,7 @@ export default class ChartVisualization extends Component {
             onUpdate={(data, layout, frames) => this.setState({ data, layout, frames })}
             useResizeHandler
             advancedTraceTypeSelector
+            config={{ mapboxAccessToken: window.MAPBOX_ACCESS_TOKEN }}
           >
             <DefaultEditor logoSrc={window.LOGO_URL} />
           </PlotlyEditor>