【问题标题】:Angular leaflet directive click events not working on mobile devicesAngular 传单指令点击事件在移动设备上不起作用
【发布时间】:2016-11-14 11:47:55
【问题描述】:

我在 ionic 中使用传单和角度传单指令进行地图开发,地图是 mapbox。在浏览器中,一切正常,但在 iPad 模拟器上,点击事件根本不起作用,包括标记和缩放按钮。但是 dbclick to zoom 工作正常。

我不知道为什么会出现这个问题。

我尝试了很多方法,但都没有成功,我真的需要建议。

提前谢谢你。

【问题讨论】:

标签: javascript angularjs angularjs-directive leaflet angular-leaflet-directive


【解决方案1】:

用于触摸事件的 Leaflet 事件处理程序有时不能很好地与 ionic 和类似平台提供的触摸事件包装器配合使用。

解决该问题的常用方法是发送至disable the tap option in the L.Map instance。这样,Leaflet 将假定“干净”的鼠标事件,并且只有 ionic 会应用触摸事件黑客。

【讨论】:

  • 感谢您的回答,我已经尝试过您的方法,但似乎没有成功,在 iPad 模拟器上,点击事件不会被触发。我已经在指令中硬编码使 tap 为 false,我是否错误地执行了该方法?希望你能帮助我
【解决方案2】:

解决方案是在父元素中添加属性'data-tap-disabled="true"',这样Ionic就不会处理这些事件了:

<ion-content data-tap-disabled="true">
    <leaflet height="480px"></leaflet>
</ion-content>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-07-15
    • 1970-01-01
    • 1970-01-01
    • 2015-11-22
    • 1970-01-01
    • 1970-01-01
    • 2023-03-21
    相关资源
    最近更新 更多