vue-baidu-map百度地图点覆盖问题

vue-baidu-map百度地图点覆盖问题,第1张

如下图所示当点击坐标点的时候发现被下一个点覆盖了,查看了一下css发现z-index都是0;

点击他拿event事件但是发现修改后z-index不生效,而且去搜这个点,并不是他本身的一个点,而是在另外一个同级div中,在event,百度集成的event.target.Bc里面。

直接修改z-index还是发现不行。但是setTimeout延迟一秒后发现可以了。但是移动一下页面又不行了。

最后决定加className。

如果只找一个使用querySelector性能比getElementByClassName好。

// 先移除之前的class, 
if (document.querySelector(".red-red")) {
        document.querySelector(".red-red").classList.remove("red-red");
}
  e.target.Bc.classList.add("red-red");
.red-red {
    z-index: 1000 !important;
 }

效果如下,已经可以了

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/943921.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-18
下一篇 2022-05-18

发表评论

登录后才能评论

评论列表(0条)

保存