vue-element-admin引入vue-baidu-map问题

Question

问题描述

vue-element-admin引入vue-baidu-map，全局或局部注册都会有问题，鼠标滚轮滚动会在地图上放大缩小并位移，应该是已设定的中心点去放大缩小地图，使用全景会有位置偏差等，鼠标没有全景的手势

问题出现的环境背景及自己尝试过哪些方法

mac和win都会有同样问题

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
相关代码
<baidu-map class="map bm-view" ak="" :center="{lng: 116.404, lat: 39.915}" :zoom="15" :scroll-wheel-zoom="true">

import BaiduMap from 'vue-baidu-map'

.bm-view {
width: 100%;
height: 500px;
}

你期待的结果是什么？实际看到的错误信息又是什么？

请问是否有同学遇到过相同问题？应该是最简单的写法了

Answer 1

问题已查明，因body设置高度为100%，导致百度地图鼠标滚轮滚动产生位移问题，以及全景鼠标hover后未显示全景信息问题。
参考资料：http://bbs.lbsyun.baidu.com/f...
解决方案：
根据实际情况监听鼠标事件，设置body的scrollTop，或者不监听鼠标事件，scrollTop设置为0，即可
mounted (){

this.handleScroll()
window.addEventListener('mousewheel',this.handleScroll,false)

},
methods: {

handleScroll (e) {
  //修复body高度为100%，百度地图鼠标滚轮滚动产生位移问题，以及全景鼠标hover后未显示全景信息问题
  document.body.scrollTop=0
  document.documentElement.scrollTop =0
}

}