baidu 地图鼠标移上显示标签鼠标离开隐藏标签

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

为了解决 label太多，文字会重叠看不清所以提出这种办法

核心代码

1，创建的时候将label设置为隐藏

2，通过百度地图监听事件， mouseover或onmouseover 触发显示

3，通过mouseover 或onmouseover 触发隐藏

// 创建文本标注对象
var label = new BMap.Label(" "+data.data[i][4]+" ", { offset: new BMap.Size(10, -25) });
label.setStyle({
color: "#fff",
border: "0",
padding: "0",
display: "none",
background: "rgba(66,117,202,0.9)",
fontSize: "12px",
height: "20px",
lineHeight: "20px",
fontFamily: "微软雅黑"
});
marker.setLabel(label); marker.addEventListener("mouseover",function(e){
var label = this.getLabel()
label.setStyle({display:"block"});
});
marker.addEventListener("mouseout",function(e){
var label = this.getLabel()
label.setStyle({display:"none"});
}); map.addOverlay(marker); //将标记添加到地图中