百度地图的覆盖物的label的txt文字标签被其他覆盖物遮挡

实际需求是鼠标移到点(覆盖物)上显示点详细信息。

用的是marker的监听事件,当鼠标移上来时,获取生成的节点(this.Bc)改变样式z-index为999,鼠标移出的时候,蒋该节点z-index改为0

function Label(txt, marker) {
  var label = new BMap.Label(txt, {
    offset: new BMap.Size(20, -10)
  });
  marker.addEventListener("mouseover", function () {
    label.setStyle({
      display: "block",
      background: "transparent",
      borderWidth: "0px",
      color: "#fff",
      fontSize: "14px",
      textShadow: "2px 2px 4px #333"
    });
      $(this.Bc).css('z-index',999);
    marker.setLabel(label);
  });
  marker.addEventListener("mouseout", function () {
    label.setStyle({
      display: "none"
    });
      $(this.Bc).css('z-index',0);
  });
}
发布了77 篇原创文章 · 获赞 21 · 访问量 16万+

猜你喜欢

转载自blog.csdn.net/f1370335844/article/details/93602379
今日推荐