Fix issue with vector maps (fix #910)

2 files changed, 14 insertions, 10 deletions

diff --git a/modern/src/map/Map.js b/modern/src/map/Map.js
index b020423a..bbfe4764 100644
--- a/modern/src/map/Map.js
+++ b/modern/src/map/Map.js
@@ -68,14 +68,16 @@ map.addControl(new maplibregl.NavigationControl({
 const switcher = new SwitcherControl(
   () => updateReadyValue(false),
   () => {
-    const waiting = () => {
-      if (!map.loaded()) {
-        setTimeout(waiting, 100);
-      } else {
-        initMap();
-      }
-    };
-    waiting();
+    map.once('styledata', () => {
+      const waiting = () => {
+        if (!map.loaded()) {
+          setTimeout(waiting, 100);
+        } else {
+          initMap();
+        }
+      };
+      waiting();
+    });
   },
 );
 
@@ -107,7 +109,7 @@ const Map = ({ children }) => {
       { id: 'mapboxSatellite', title: t('mapMapboxSatellite'), uri: styleMapbox('satellite-v9') },
       { id: 'mapTilerBasic', title: t('mapMapTilerBasic'), uri: styleMapTiler('basic', mapTilerKey) },
       { id: 'mapTilerHybrid', title: t('mapMapTilerHybrid'), uri: styleMapTiler('hybrid', mapTilerKey) },
-    ], 'osm');
+    ], 'locationIqStreets');
   }, [mapTilerKey]);
 
   useEffect(() => {
diff --git a/modern/src/map/switcher/switcher.js b/modern/src/map/switcher/switcher.js
index 5fa62dcb..2c89faea 100644
--- a/modern/src/map/switcher/switcher.js
+++ b/modern/src/map/switcher/switcher.js
@@ -48,7 +48,9 @@ export class SwitcherControl {
   onSelectStyle(target) {
     this.onBeforeSwitch();
 
-    this.map.setStyle(JSON.parse(target.dataset.uri));
+    this.map.setStyle(JSON.parse(target.dataset.uri), {
+      diff: false,
+    });
 
     this.mapStyleContainer.style.display = 'none';
     this.styleButton.style.display = 'block';