小册子地图禁用Ionic 2触摸事件系统（绘制控制器）

Question

有人可以告诉我如何在传单地图div中禁用数据 - 点击离子2吗？

在Ionic-v1上，诀窍是在div map容器中输入data-tap-disabled="true"（离子内容）。

我安装了这个小册子绘图插件leaflet-draw-with-touch，手机触摸支持，不幸的是，我仍然无法使用平板电脑笔在地图上绘图......

提前致谢

Answer 1

点击事件由node_modules / ionic-angular / tap-click / tap-click.js处理

如果shouldCancelClick()未定义或为false（由绑定到mousedown事件的this.dispatchClick设置），则方法pointerStart()返回true。

作为一种解决方法，加载地图后，我会触发mousedown + mouseup事件：

@ViewChild('map') mapNode: ElementRef;

ionViewDidEnter() {

    // init map here
    ....

    var e1 = document.createEvent('MouseEvents');
    e1.initEvent('mousedown', true, true);
    this.mapNode.nativeElement.dispatchEvent(e1);

    var e2 = document.createEvent('MouseEvents');
    e2.initEvent('click', true, true);
    this.mapNode.nativeElement.dispatchEvent(e2);
 }