美文网首页
vue openLayer div容器display:none不

vue openLayer div容器display:none不

作者: Mylovesunshine | 来源:发表于2023-07-03 13:24 被阅读0次

    当地图的div大小发生变化或者用v-show显示隐藏地图后,地图不显示,不可操作,f12发现地图容器被display:none
    解决方法:
    尝试手动设置style为display:none=>display:''
    效果:可以解决显示问题,但是出现新的问题,设置style后会卡顿地图好几秒,点不动,操作不了,完全不可用
    百度看到一篇文章解决了我的问题,感谢博主记录
    博主链接
    https://blog.csdn.net/langyan122/article/details/81145308

    解决方法是调用地图的updateSize(),需要加延时,setTimeout


    E73CAA59-F787-40F0-8AD5-4D4C850BF97A.png

    相关文章

      网友评论

          本文标题:vue openLayer div容器display:none不

          本文链接:https://www.haomeiwen.com/subject/jniqudtx.html