修改地图拉伸后出现空白问题

src/views/trafficShow/map.vue

 <template>
-  <div>
+  <div style="width:100%">
     <div id="map" class="maps"></div>
     <div id="popup" class="ol-popup">
       <a
@@ -444,8 +444,10 @@ export default {
   },
   watch:{
     mapopen(){
-      debugger
-      map.updateSize();
+      setTimeout(()=> {
+          map.updateSize();
+      },1000)
+  
       // this.InitMap();
     }
   },
@@ -466,7 +468,9 @@ export default {
 
 <style lang="stylus" scoped>
 .maps{
-  background:url("./map.png")
+  background:url("./map.png");
+  width 100%
+
 }
 .ol-control button{
 	  display:none!important;