ionic 使用 Leaflet,click事件失效

项目需求:使用Ionic1做混合App开发,使用Leaflet提供地图服务
遇到问题:地图上的click事件在Ionic App中不生效,在浏览器(PC和移动端)都可以

通过在Leaflet的github Issue 上搜索,有人遇到类似问题,解决方案是在地图的容器上加属性data-tap-disabled="true",如下:


通过加这个属性,我的问题也解决了。后面查了一下ionic.bundle.js源码,其中2624行开始的注释有解释,Ionic Tap System 与 Google Map 和 Leaflet Maps等有touch detection system的第三方库有冲突,为解决这个冲突,可以禁用Ionic Tap System:

image.png

你可能感兴趣的:(ionic 使用 Leaflet,click事件失效)