公告列表
公告列表
收藏
回答

swiper使用catchtouchmove禁止左右滑动后，为什么ios的map组件导致无法缩放？

如上图，我是想滑动页面，其中一个页面里面有map地图弹窗，但是打开地图后，ios会出现地图的滑动拖拉会导致swiper页面也滑动了，所以我便用了catchtouchmove去禁止滑动，当map弹窗关闭后便去掉这个，但是现在问题就是使用了这个，ios导致map地图无法缩放和滑动了，安卓却没事，原先安卓不用这个也不会在map滑动的时候swiper也跟着滑动，看着蛋疼，求大佬解答

回答关注问题邀请回答
收藏

4 个回答

  • 老包
    老包
    2024-11-20

    我找到方法了

    <cover-view catchtouchmove="disableTouchMove">
  <map ...>
</cover-view>
    2024-11-20
    有用
    回复 1
    • 老包
      老包
      2024-11-27
      上边方法会导致ios好用 安卓真机无法加载map
      终极解决方案：
      <swiper-item>
        <cover-view wx:if="{{isIOS}}" catchtouchmove="disableTouchMove">
          <map ... ></map>
        </cover-view>
        <view wx:else catchtouchmove="disableTouchMove">
          <map ...></map>
        </view>
      </swiper-item>


      // ... page.js
      data: {
        ...
        isIOS: false,

      }
      onLoad: function(){
        var deviceInfo = wx.getDeviceInfo()
        this.setData({
          isIOS: deviceInfo.platform === 'ios',

        });
        ...

      }
      2024-11-27
      赞
      回复
  • 嘉
    嘉
    2020-09-30

    你解决了没有？有的话分享一下，没有的话我有个笨方法

    2020-09-30
    有用
    回复 1
  • 卢霄霄
    卢霄霄
    2020-07-22

    最好是把弹窗写到swiper外面 或者在弹窗上写catchtouchmove

    2020-07-22
    有用
    回复 8
    • 落魄实习生
      落魄实习生
      2020-07-22
      嗯，有考虑过，只是这个地图是需要计算的，如果在这个组件外部计算不太方便
      2020-07-22
      赞
      回复
    • 卢霄霄
      卢霄霄
      2020-07-22回复落魄实习生
      那你在地图的弹窗上 加一个全屏的遮罩，在遮罩上面写catchtouchmove
      2020-07-22
      赞
      回复
    • 落魄实习生
      落魄实习生
      2020-07-22回复卢霄霄
      加了，也一样ios无法拖动地图
      2020-07-22
      赞
      回复
    • 卢霄霄
      卢霄霄
      2020-07-22回复落魄实习生
      还真拖不动。。我想想
      2020-07-22
      赞
      回复
    • 落魄实习生
      落魄实习生
      2020-07-22回复卢霄霄
      简单来说，用了catchtouchmove地图就无法拖动，不用的话就会随着swiper拖动
      2020-07-22
      赞
      回复
    查看更多(3)
  • 落魄实习生
    落魄实习生
    2020-07-22

    或者还有其他方法禁止swiper滑动吗，但不影响map的缩放拖动

    2020-07-22
    有用
    回复
请 登录 后发表内容
相关问题
相关文档
问题标签
TOUCH地图swiper滑动页面map