问题还原
当infoWindow弹出框显示后,地图上的 marker 有概率会出现在 infoWindow 后,有概率会触发 marker 的点击事件,
解决思路
检查元素的层级发现infoWindow的父级的 z-index=500,但是 marker 的父级在 z-index=700。所以只需要解决这个问题即可。
var x = await this.$refs.renderAfter.renderComplete();
var infoWindow = new BMapGL.CustomOverlay(function () {
return x
}, {
point: new BMapGL.Point(data.longitude, data.latitude),
offsetX: 0,
offsetY: -50,
});
infoWindow.name = 'infoWindow'
infoWindow.imei = data.imei
//删除之前的infowindow
this.deleteDom('infoWindow')
this.map.addOverlay(infoWindow);
//调整 infoWindow 的位置
infoWindow.draw()
this.map.setViewport([new BMapGL.Point(data.longitude, data.latitude)], {
duration: 150
})
// this.map.flyTo(new BMapGL.Point(data.longitude, data.latitude), 19)
const overlayDiv = document.querySelector('#cus_overlay'); // 获取具有ID 'cus_overlay'的子级div
const parentDiv = overlayDiv.parentElement;
parentDiv.style.zIndex = 701
也就是最后三行代码,调整层级大于 marker 即可