ionic 使用 Leaflet,click事件失效

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

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

<!-- 地图容器 -->
<div id="map" data-tap-disabled="true"></div>

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

image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容