天天看點

高德地圖marker配合vant ui庫的popup彈出層,導緻彈出層秒關閉的問題解決.

1.問題描述.

在移動端使用高德地圖和vant元件庫的popup彈出層,導緻彈出層秒關閉.功能不能實作.!

![在這裡插入圖檔描述](https://img-blog.csdnimg.cn/20210428134533210.gif

高德地圖marker配合vant ui庫的popup彈出層,導緻彈出層秒關閉的問題解決.
高德地圖marker配合vant ui庫的popup彈出層,導緻彈出層秒關閉的問題解決.

2. 經過排查代碼,發現是在點選遮罩層外部的maker時,觸發了遮罩層的點選事件.然後因為popup預設是點選遮罩層關閉彈出層.

高德地圖marker配合vant ui庫的popup彈出層,導緻彈出層秒關閉的問題解決.
高德地圖marker配合vant ui庫的popup彈出層,導緻彈出層秒關閉的問題解決.

點選的一瞬間觸發了遮罩層的點選事件,導緻彈出層關閉

高德地圖marker配合vant ui庫的popup彈出層,導緻彈出層秒關閉的問題解決.

3.解決辦法

最終我通過不啟用遮罩層,并且在地圖的點選回調函數中,将控制彈出層的變量變為false,解決了此bug

高德地圖marker配合vant ui庫的popup彈出層,導緻彈出層秒關閉的問題解決.
高德地圖marker配合vant ui庫的popup彈出層,導緻彈出層秒關閉的問題解決.
高德地圖marker配合vant ui庫的popup彈出層,導緻彈出層秒關閉的問題解決.

繼續閱讀