[Feat] Use custom style token if available instead of the default tok…

…en (#1913)
keplergl · Aug 9, 2022 · f82494d · f82494d
1 parent 77dc256
commit f82494d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/map-container.tsx b/src/components/map-container.tsx
@@ -583,12 +583,14 @@ export default function MapContainerFactory(
       const layersToRender = this.layersToRenderSelector(this.props);
       const layersForDeck = this.layersForDeckSelector(this.props);
 
+      // Current style can be a custom style, from which we pull the mapbox API acccess token
+      const currentStyle = mapStyle.mapStyles?.[mapStyle.styleType];
       const mapProps = {
         ...mapState,
         width: '100%',
         height: '100%',
         preserveDrawingBuffer: true,
-        mapboxApiAccessToken,
+        mapboxApiAccessToken: currentStyle?.accessToken || mapboxApiAccessToken,
         mapboxApiUrl,
         onViewportChange: this._onViewportChange,
         transformRequest

diff --git a/src/reducers/map-style-updaters.ts b/src/reducers/map-style-updaters.ts
@@ -66,6 +66,7 @@ export type BaseMapStyle = {
   icon: string;
   style?: Object;
   layerGroups: LayerGroup[];
+  accessToken?: string;
 };
 
 export type MapStyles = {