微信小程序解决map组件设置enable-scroll='{{false}}'后在安卓手机页面不能滑动的问题

怅然入梦

于 2019-11-13 16:40:30 发布

阅读量3.2k

点赞数 3

分类专栏：微信小程序文章标签：微信小程序 map 地图组件安卓问题适配

本文链接：https://blog.csdn.net/anig2014/article/details/103051738

版权

微信小程序专栏收录该内容

1 篇文章

订阅专栏

需求：如图，展示地图组件，并点击地图时可以打开地图。

主要代码：


<view class="weui_cell_bd">
      <map id='myMap' class='map' longitude='{{isLookInfo[index].roomLng}}' latitude='{{isLookInfo[index].roomLat}}' markers='{{markers}}' enable-scroll='{{false}}' ></map>
      <!--透明view 这个view是用来覆盖map组件的-->
      <view class="cover_map_view" data-roomLng="{{isLookInfo[index].roomLng}}" data-roomLat="{{isLookInfo[index].roomLat}}" bindtap="openMap"></view>
</view>

逻辑：创建一个透明的view组件覆盖在map组件上面，这样当我们在滑动map的时候其实是在透明view上面滑动，这样就解决了。后面记得要把map的点击事件放到透明view上面。

tip：不要使用cover-view哦，这个和map一样不支持滑动。