fix(links): Strange sadface appears instead of background map on Chrome

StaticMap.reuseMaps() is an experimental feature, and it is crashy. - http://visgl.github.io/react-map-gl/docs/api-reference/static-map#reusemaps
sfcta · Dec 21, 2021 · c502ae8 · c502ae8
1 parent 7935a54
commit c502ae8
Show file tree

Hide file tree

Showing 6 changed files with 2 additions and 22 deletions.
diff --git a/src/layers/FlowMapLayer.tsx b/src/layers/FlowMapLayer.tsx
@@ -73,9 +73,7 @@ export default function Layer({
         /*
       // @ts-ignore */
         <StaticMap
-          reuseMaps
           mapStyle={dark ? MAP_STYLES.dark : MAP_STYLES.light}
-          preventStyleDiffing={true}
           mapboxApiAccessToken={MAPBOX_TOKEN}
         />
       }

diff --git a/src/layers/ScatterPlotLayer.tsx b/src/layers/ScatterPlotLayer.tsx
@@ -36,12 +36,7 @@ function App({ data = [], initialView = {} as any }) {
       {
         /*
         // @ts-ignore */
-        <StaticMap
-          reuseMaps
-          mapStyle={MAP_STYLES.light}
-          preventStyleDiffing={true}
-          mapboxApiAccessToken={MAPBOX_TOKEN}
-        />
+        <StaticMap mapStyle={MAP_STYLES.light} mapboxApiAccessToken={MAPBOX_TOKEN} />
       }
     </DeckGL>
   )

diff --git a/src/plugins/carrier-viewer/TourViz.tsx b/src/plugins/carrier-viewer/TourViz.tsx
@@ -309,12 +309,7 @@ export default function Component(props: {
       {
         /*
         // @ts-ignore */
-        <StaticMap
-          reuseMaps
-          mapStyle={mapStyle}
-          preventStyleDiffing={true}
-          mapboxApiAccessToken={MAPBOX_TOKEN}
-        />
+        <StaticMap mapStyle={mapStyle} mapboxApiAccessToken={MAPBOX_TOKEN} />
       }
       {renderTooltip({ hoverInfo })}
     </DeckGL>

diff --git a/src/plugins/links-gl/LinkLayer.tsx b/src/plugins/links-gl/LinkLayer.tsx
@@ -16,7 +16,6 @@ enum COLUMNS {
 
 export default function Component({
   geojson = [] as any[],
-  // viewState = { center: [11.34, 48.3], zoom: 5, bearing: 0, pitch: 0 } as any,
   colors = 'viridis',
   dark = false,
   scaleWidth = 250,
@@ -196,13 +195,10 @@ export default function Component({
         /*
         // @ts-ignore */
         <StaticMap
-          reuseMaps
           mapStyle={dark ? MAP_STYLES.dark : MAP_STYLES.light}
-          preventStyleDiffing={true}
           mapboxApiAccessToken={MAPBOX_TOKEN}
         />
       }
     </DeckGL>
   )
-  // {renderTooltip({ hoverInfo })}
 }
diff --git a/src/plugins/vehicle-animation/TripViz.tsx b/src/plugins/vehicle-animation/TripViz.tsx
@@ -223,9 +223,7 @@ export default function Component(props: {
         /*
         // @ts-ignore */
         <StaticMap
-          reuseMaps
           mapStyle={dark ? MAP_STYLES.dark : MAP_STYLES.light}
-          preventStyleDiffing={true}
           mapboxApiAccessToken={MAPBOX_TOKEN}
         />
       }

diff --git a/src/plugins/xy-hexagons/XyHexLayer.tsx b/src/plugins/xy-hexagons/XyHexLayer.tsx
@@ -128,9 +128,7 @@ export default function Layer({
         /*
         // @ts-ignore */
         <StaticMap
-          reuseMaps
           mapStyle={dark ? MAP_STYLES.dark : MAP_STYLES.light}
-          preventStyleDiffing={true}
           mapboxApiAccessToken={MAPBOX_TOKEN}
         />
       }