使用工具hbuilderx，开发者工具都是最新版本，hbuilderx 4.29

本地设置—调试基础库—3.6.0

代码部分：

<view class="wrap">

<!-- 地图 -->

<map class="map" id="myMap" :scale="12" :show-location="true" :longitude="116.397428" :latitude="39.90923" />

<view class="warp-bg">

<view>111</view>

<view>222</view>

</view>

</view>

样式：

<style lang="scss">

.wrap {

position: relative;

.map {

width: 100%;

height: 70vh;

}

.warp-bg {

position: fixed;

z-index: 10;

top: 0;

left: 0;

width: 100%;

height: 100%;

background: linear-gradient(to bottom,rgba(200,200,200,0.3) 60%, #f7f7f7 70%, #f7f7f7);

line-height: 80px;

}

}

</style>