落落A 2023-06-16 15:13 采纳率: 63.6%
浏览 83
已结题

百度地图点击覆盖物阻止冒泡

vue引入百度地图,例子如下图显示:存在点线面和图片等覆盖物

img

点击 点 的时候可用stopPropagation阻止冒泡
e.domEvent.stopPropagation();
点击其他就不行,就会出现冒泡

img


发现除了点存在domEvent的情况下,其他的都不存在,请问有其他方式阻止冒泡行为吗
代码如下显示

let allOverlays = map.getOverlays();
for (var i = 0; i < allOverlays.length; i++) {
  const overlay = allOverlays[i];
  overlay.addEventListener('click', (e) => {
    console.log(e)
    let obj = overlay.toString();
    if (obj == 'Marker') {
      console.log('点');
    } else if (obj == 'Polygon') {
      console.log('面');
    } else if (obj == 'GroundOverlay') {
      console.log('图片');
    } else if (obj == 'Polyline') {
      console.log('线');
    }
                        
    e.domEvent && e.domEvent.stopPropagation();
  })
}
  • 写回答

3条回答 默认 最新

  • 打工很辛苦吧 2023-06-16 15:30
    关注

    event.stopImmediatePropagation(); // 阻止事件冒泡和其他监听器调用

    评论 编辑记录

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 6月21日
  • 创建了问题 6月16日

悬赏问题

  • ¥60 大一项目课,微信小程序
  • ¥15 求视频摘要youtube和ovp数据集
  • ¥15 在启动roslaunch时出现如下问题
  • ¥15 汇编语言实现加减法计算器的功能
  • ¥20 关于多单片机模块化的一些问题
  • ¥30 seata使用出现报错,其他服务找不到seata
  • ¥35 引用csv数据文件(4列1800行),通过高斯-赛德尔法拟合曲线,在选取(每五十点取1点)数据,求该数据点的曲率中心。
  • ¥20 程序只发送0X01,串口助手显示不正确,配置看了没有问题115200-8-1-no,如何解决?
  • ¥15 Google speech command 数据集获取
  • ¥15 vue3+element-plus页面崩溃