最近要做一个移动端的项目,其中一个功能是就业地图,也就是展示用户附件5公里的职位,用户点击地图上的图标,展示信息窗口,点击信息窗口中的导航按钮,可以唤起地图导航。
技术栈 vue2.6 + vue-baidu-map 0.21,
因为自己是安卓手机,所以本地测试的时候,都很顺利,但是在同事的 ios 设备上存在问题。
问题复现
- 安卓手机效果
- ios 设备效果 (iphone11)
点击 信息窗口的 导航,不能展示导航弹窗。 但是,经过我后来测试,如果用户点击10多次,会有一次触发这个事件(即会展示导航弹窗)。网上找了一些方案,没能解决这个问题。
解决
既然不能在 bm-info-windo组件中触发点击事件,就换了一种展示方式
- 效果如下