地图组件上覆盖cover-view
<map
class="map"
:scale="17"
:longitude="lng"
:latitude="lat"
:markers="covers"
:enable-zoom="false"
:enable-scroll="false"
>
<cover-view class="mask">
<cover-view class="navigation-btn" >
<cover-image class="pic" src="/static/images/common/navigation.png"></cover-image>
<cover-view class="text">开始导航</cover-view>
</cover-view>
</cover-view>
</map>
相关样式:
.map {
position: relative;
width: 750rpx;
height: 378rpx;
}
.mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}