同层渲染不正确。https://developers.weixin.qq.com/miniprogram/dev/component/map.html

<view class="overlay">

<map id="mapId" class="map" latitude="{{latitude}}" longitude="{{longitude}}" bindmarkertap="onMarkerTap"

bindcallouttap="onCalloutTap" bindlabeltap="onLabelTap"></map>

<view style="height: 100px;">被遮挡的元素</view>

</view>

.map {

width: 100%;

height: 300px;

}

.overlay {

top: 0;

left: 0;

width: 100%;

height: 100%;

background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色遮罩 */

z-index: 99;

}

overlay 只能遮住<view style="height: 100px;">被遮挡的元素</view>，对 map 无效