fix loading style font

website/src/lib/components/map/map.ts

@@ -35,17 +35,6 @@ export class MapboxGLMap {
                 sources: {},
                 layers: [],
                 imports: [
-                    {
-                        id: 'glyphs-and-sprite', // make Mapbox glyphs and sprite available to other styles
-                        url: '',
-                        data: {
-                            version: 8,
-                            sources: {},
-                            layers: [],
-                            glyphs: 'mapbox://fonts/mapbox/{fontstack}/{range}.pbf',
-                            sprite: 'mapbox://sprites/mapbox/outdoors-v12',
-                        },
-                    },
                     {
                         id: 'basemap',
                         url: '',
@@ -163,6 +152,12 @@ export class MapboxGLMap {
                 }
             });
         });
+        map.on('style.import.load', () => {
+            const basemap = map.getStyle().imports?.find((imprt) => imprt.id === 'basemap');
+            if (basemap && basemap.data && basemap.data.glyphs) {
+                map.setGlyphsUrl(basemap.data.glyphs);
+            }
+        });
         map.on('load', () => {
             this._map.set(map); // only set the store after the map has loaded
             window._map = map; // entry point for extensions