Map: set globe projection for all styles (#916)

zbycz · Feb 1, 2025 · e513a43 · e513a43
1 parent 9e943f3
commit e513a43
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 9 deletions.
diff --git a/src/components/Map/behaviour/useInitMap.tsx b/src/components/Map/behaviour/useInitMap.tsx
@@ -40,10 +40,6 @@ const filterConsoleLog = () => {
 //   });
 // };
 
-const defaultProjection = {
-  type: 'globe',
-};
-
 export const useInitMap = () => {
   const mapRef = React.useRef(null);
   const [mapInState, setMapInState] = React.useState(null);
@@ -64,11 +60,6 @@ export const useInitMap = () => {
     });
     setGlobalMap(map);
     setMapInState(map);
-
-    map.on('style.load', () => {
-      map.setProjection(defaultProjection);
-    });
-
     map.scrollZoom.setWheelZoomRate(1 / 200); // 1/450 is default, bigger value = faster
 
     return () => {

diff --git a/src/components/Map/behaviour/useUpdateStyle.tsx b/src/components/Map/behaviour/useUpdateStyle.tsx
@@ -126,6 +126,7 @@ export const useUpdateStyle = createMapEffectHook(
 
     const style = cloneDeep(getBaseStyle(key, currentTheme));
     addOverlaysToStyle(map, style, overlays, currentTheme);
+    style.projection = { type: 'globe' };
     map.setStyle(style, { diff: mapLoaded });
 
     const languageControl = new OpenMapTilesLanguage({