vue中引入百度地图插件,如何让地图自适应屏幕大小

新手上路,请多包涵

我是用npm安装的百度地图插件,现在是不能实现屏幕的自适应。

阅读 6.6k
1 个回答
新手上路,请多包涵

自己解决了 上代码
这是我的vue中引入百度地图的插件标签 绑定的属性 :style="select"
<baidu-map id="peixunbaiduMap" @ready="ready" :style="select" class="bm-view"

           ak="********">
</baidu-map>

在data () {
  return {
    select:{width:'100%', height:'',marginBottom: '10px'},
    }
    在methods: {  定义一个方法
        // 让地图大小自适应屏幕高度方法
  hh(){
  //获取窗口的高度,减去一个定值,你可以自己* 乘以一个小数
    this.select.height=(window.innerHeight)-192+'px';

  }
    }
   最后在  mounted(){
  this.hh()
}



撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题