百度地图移动端点击事件无效

1. 覆盖物在移动端点击事件无法触发

circle.addEventListener(“click”, ()=>{}) 移动端上事件不触发

解决方案:

初始化设置地图绘制方式 drawer

const map = new BMap.Map("map", {drawMargin: 100, drawer: BMAP_SVG_DRAWER_FIRST })

地图绑定自定义事件

map.addEventListener('click', function(e) {
    circle.customClickHandler_ = function() {
        console.log('点击了 circle')
    };
    if(e.overlay && e.overlay.customClickHandler_) {
        e.overlay.customClickHandler_.call(e.overlay, e);
    }
});

2.弹窗无法关闭

监听触摸事件,开启/关闭百度地图拖拽功能.

  map.addEventListener("touchmove", function (e) {
       map.enableDragging();
  });
  // TODO: 触摸结束时触发次此事件  此时开启禁止拖动
  map.addEventListener("touchend", function (e) {
       map.disableDragging();
  });

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注