收藏
回答

Map组件marker自定义气泡会被其他marker遮挡如何解决?

问题:小程序,调用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;
}

回答关注问题邀请回答
收藏

2 个回答

  • Z
    Z
    2021-03-15

    你是想让 气泡那个在上面吗? 你这个应该用在map上吧?

    2021-03-15
    有用
    回复 2
    • 唐同学
      唐同学
      2021-03-15
      我本身用的就是cover-view哦
      2021-03-15
      回复
    • Z
      Z
      2021-03-16回复唐同学
      用在map上?
      2021-03-16
      回复
  • 唐同学
    唐同学
    2021-03-15

    也尝试过将marker的zIndex设置为-1了,还是无法解决。

    2021-03-15
    有用
    回复 2
    • 侯元珍
      侯元珍
      2021-04-13
      请问现在解决了吗?
      2021-04-13
      回复
    • 唐同学
      唐同学
      2021-04-15回复侯元珍
      解决不了
      2021-04-15
      回复
登录 后发表内容
问题标签