Tap/click 标记事件在移动设备上的 angular-leaflet-directive 中不起作用
Tap/click Marker events not working in angular-leaflet-directive on mobile devices
当我在移动设备 (Google Nexus 5 + Chrome) 上尝试时,我遇到了 click/tap 标记事件处理的问题。
我使用 angular-leaflet-directive 将地图内置到我的 AngularJS 应用程序中。这张地图上有一些标记。当用户 click/tap 在标记上时 - 我希望打开一些带有额外信息的弹出窗口。
当我从我的笔记本电脑上尝试时,它工作得非常完美。如果我记录标记事件,我会看到以下内容:
所以所有的点击都在那里,弹出窗口正确打开。
当我尝试在我的 Nexus phone 上调试时,我根本没有点击。同时由于某种原因双击工作正常。日志如下所示:
现在的问题是:到底是什么? :)
我真的很感激任何建议。
我正在尝试一些解决方案(即 https://github.com/tombatossals/angular-leaflet-directive/issues/743),但它们似乎不起作用。而且我猜想双击起作用的事实很可能意味着,简单的单击应该也可以起作用,而无需额外的触摸端技巧等。(如果我错了,请纠正我)。
所以我找到了原因,它不在Leaflet或angular-leaflet-directive中。
我正在使用 Angular Material 框架,它劫持了我的触摸。
此处描述了类似的问题:
https://github.com/angular/material/issues/1441
并且解决方案还提出了禁用此劫持:
app = angular.module('MyApp', ['ngMaterial'])
.config(function( $mdGestureProvider ) {
$mdGestureProvider.skipClickHijack();
});
我相信这对某些人有用。
当我在移动设备 (Google Nexus 5 + Chrome) 上尝试时,我遇到了 click/tap 标记事件处理的问题。
我使用 angular-leaflet-directive 将地图内置到我的 AngularJS 应用程序中。这张地图上有一些标记。当用户 click/tap 在标记上时 - 我希望打开一些带有额外信息的弹出窗口。
当我从我的笔记本电脑上尝试时,它工作得非常完美。如果我记录标记事件,我会看到以下内容:
所以所有的点击都在那里,弹出窗口正确打开。
当我尝试在我的 Nexus phone 上调试时,我根本没有点击。同时由于某种原因双击工作正常。日志如下所示:
现在的问题是:到底是什么? :) 我真的很感激任何建议。 我正在尝试一些解决方案(即 https://github.com/tombatossals/angular-leaflet-directive/issues/743),但它们似乎不起作用。而且我猜想双击起作用的事实很可能意味着,简单的单击应该也可以起作用,而无需额外的触摸端技巧等。(如果我错了,请纠正我)。
所以我找到了原因,它不在Leaflet或angular-leaflet-directive中。
我正在使用 Angular Material 框架,它劫持了我的触摸。
此处描述了类似的问题:
https://github.com/angular/material/issues/1441
并且解决方案还提出了禁用此劫持:
app = angular.module('MyApp', ['ngMaterial'])
.config(function( $mdGestureProvider ) {
$mdGestureProvider.skipClickHijack();
});
我相信这对某些人有用。