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

最新推荐文章于 2024-07-19 12:05:11 发布

汽水猫

最新推荐文章于 2024-07-19 12:05:11 发布

阅读量1.9k

点赞数 1

本文链接：https://blog.csdn.net/f1370335844/article/details/93602379

版权

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

用的是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);
  });
}