微信小程序里map组件里,touchMove无效

在map组件里写touchMove滑动view组件的时候,出现了问题,原来在map组件的级别最高,并且不支持z-index设置,官方给出了cover-view的解决方法,改为cover-view,但是新的问题又来了,滑动的时候就特别的卡顿,貌似没有好的解决方法,目前暂时只能用button点击来替换滑动。

WXML:

<map id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="18" polyline="{{polyline}}">

<view style="margin-top: {{viewTop}}rpx;" class="head_tab">

<cover-image wx:if="{{up_dn==0}}" class="img" src="/images/up.png" bindtap="changeLocation"></cover-image>

<cover-image wx:else class="img" src="/images/down.png" bindtap="changeLocation"></cover-image>

</view>

</map>

JS:

changeLocation(){

var viewTop = this.data.viewTop;

if(viewTop >= 1100){

viewTop = viewTop - 500;

this.setData({

viewTop: viewTop,

up_dn: '1'

})

}else{

viewTop = viewTop + 500;

this.setData({

viewTop: viewTop,

up_dn: '0'

})

}

},

举报
评论 0