收藏
回答

Map组件marker自定义气泡会被其他marker遮挡?社区已有多个类似提问,恳请官方回应。

问题:小程序,调用Map组件,marker 上的自定义气泡( customCallout )会被其他marker遮挡。

尝试在.customCallout设置z-index,也尝试过将marker的zIndex设置为-1了,还是无法解决,求解决办法,谢谢。

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;
}
回答关注问题邀请回答
收藏
登录 后发表内容
问题标签