fix: force map resize on container size change

teritorio · Mar 14, 2023 · 6da6f23 · 6da6f23
1 parent c90ff4a
commit 6da6f23
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/components/Map/Map.vue b/components/Map/Map.vue
@@ -2,6 +2,7 @@
   <div :class="(hideControl || !map) && 'map-controls-hidden'">
     <mapbox
       v-if="style"
+      id="map"
       access-token=""
       :map-options="{
         bounds: bounds,
@@ -204,6 +205,10 @@ export default Vue.extend({
       }
 
       this.emitStyleLoad()
+
+      new ResizeObserver((entries) => {
+        this.map?.resize()
+      }).observe(document.getElementById('map')!)
     },
 
     setStyle(mapStyle: MapStyleEnum) {