Vue-element-admin introduces vue-baidu-map problem

problem description

when vue-element-admin introduces vue-baidu-map, there will be problems with global or local registration. Mouse wheel scrolling will zoom in and out and shift on the map. It should be a set central point to zoom in and out of the map, and there will be position deviation when using panorama. The mouse does not have panoramic gestures

.

the environmental background of the problems and what methods you have tried

mac and win both have the same problem

related codes

/ / Please paste the code text below (do not replace the code with pictures)
related code
< 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;
}

what result do you expect? What is the error message actually seen?

have any students encountered the same problem? It should be the easiest way to write

Vue.js
Apr.21,2022

the problem has been identified. The height of body is set to 100%, which results in the displacement of Baidu map mouse scroll wheel and the failure to display panoramic information after panoramic mouse hover.
reference: http://bbs.lbsyun.baidu.com/f...
solution:
listen for mouse events according to the actual situation, set scrollTop for body, or do not listen for mouse events. If scrollTop is set to 0, you can
mounted () {

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

},
methods: {

handleScroll (e) {
  //body100%hover
  document.body.scrollTop=0
  document.documentElement.scrollTop =0
}

}

Previous: The problem of using the API DOM operation of Baidu Maps in the element-ui vue version of the form

Next: The time difference of pandas.Timestamp is 8 hours, how to solve the problem of time zone?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e9c946-18e8.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e9c946-18e8.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?