小程序 · map组件

问题：map组件设置enable-scroll=’{{false}}'后在页面不能滑动

创建一个view组件覆盖在map上面，把map的点击事件放到view上面。这样当我们在滑动map的时候其实是在view上面滑动。

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

<view class="weui_cell_bd">
	<map bindtap="openDetailMap" markers="{{markers}}" longitude="{{detail.location.lng}}" latitude="{{detail.location.lat}}" show-location="{{false}}" enable-zoom="{{false}}" enable-scroll="{{false}}"></map>
      <!--透明view 这个view是用来覆盖map组件的-->
      <view class="cover_map_view" bindtap="openDetailMap"></view>
</view>

.weui_cell_bd {
  height: 150px;
  padding: 10px 0;
  position: relative;
}
.weui_cell_bd map {
  width: 100%;
  height: 150px;
}
.cover_map_view {
  height: 150px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}