问题:小程序,调用Map组件,marker 上的自定义气泡( customCallout )会被其他marker遮挡。
尝试再.customCallout设置z-index,无法解决,求解决办法,谢谢。
WXML:
<map id="myMap" latitude="{{currentLatitude}}" longitude="{{currentLongitude}}" show-location="true"
circles="{{circles}}" enable-satellite="{{satellite}}" show-compass="true" enable-overlooking="true"
markers="{{scale>=17?markers:false}}" bindregionchange="bindRegionChanged" bindmarkertap="bindMarkerTap">
<cover-view slot="callout">
<block wx:for="{{markers}}" wx:key="index">
<cover-view class="customCallout" marker-id="{{index}}">
<cover-view class="content">
这个是自定义气泡{{item.obdName}}
</cover-view>
</cover-view>
</block>
</cover-view>
</map>
WXSS:
.customCallout {
width: 350rpx;
height: 200rpx;
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0 -1rpx 6rpx rgba(0, 0, 0, 0.1);
border-radius: 10rpx;
}
你是想让 气泡那个在上面吗? 你这个应该用在map上吧?
也尝试过将marker的zIndex设置为-1了,还是无法解决。