百度地图覆盖图层层级导致事件点击失败
自定义覆盖物重叠
通过修改不同覆盖物的父级div容器的z-index属性,将图层整体上移或下移。
比如想修改那个图层的显示层级(将z-index:700 修改为z-index:900)
可以通过如下代码设置
var map = new BMap.Map("container");//创建地图
console.log(map.getPanes());// 展示信息-获取panes图层信息内容
map.getPanes().markerMouseTarget.style.zIndex = 450;//修改图层z-index
获取Panes图层信息
当鼠标移到标注上时,标注自动调整到第一层;鼠标移除再返回最后一层。
代码如下:
marker.addEventListener(“mouseover”,function(e){
marker.setTop(true);
});
marker.addEventListener(“mouseout”,function(e){
marker.setTop(false);
});
marker.setTop(false);
});