vue中使用leaflet,地图加载时残缺时的解决办法

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/jin80506/article/details/84578372

通常这种情况摁一下f12才会显示正常

在map容器所在的vue页面中,在方法中加入this.$nextTick(()=>{创建地图对象代码})

外面包的那一层的作用是在所有元素加载完毕之后才执行,因为这种情况一般是容器dom还没调整到相应大小,地图就已经创建了,所以在加载完毕之后会显示异常,基于此,就不要在这个里面进行其他操作了

猜你喜欢

转载自blog.csdn.net/jin80506/article/details/84578372