收藏
回答

map组件中marker上的自定义气泡(customCallout)宽度如何自适应?

遇到一个问题,自定义的气泡,第一个气泡有时候会显示不全,第二个气泡的宽度并没有自适应,请问有办法解决吗?

代码如下

<map class="pages-dirving__map"
     id="map"
     longitude="{{longitude}}"
     latitude="{{latitude}}"
     markers="{{markers}}"
     polyline="{{polyline}}"
     show-location>
  <cover-view slot="callout">
    <block wx:for="{{markers}}"
           wx:for-index="index"
           wx:for-item="item"
           wx:key="id">
      <cover-view wx:if="{{item.type=='start'}}"
                  marker-id="{{item.id}}"
                  class="marker-callout">
        <cover-view class="marker-callout__info">
          <cover-view class="marker-callout__name">
            接驾约
          </cover-view>
          <cover-view class="marker-callout__time">
            {{item.duration}}分钟
          </cover-view>
        </cover-view>
        <cover-view class="marker-callout__title">
          {{item.title}}
        </cover-view>
      </cover-view>


      <cover-view wx:elif="{{item.type=='end'}}"
                  marker-id="{{item.id}}"
                  class="marker-callout marker-callout--end">
        <cover-view class="marker-callout__title">
          {{item.title}}
        </cover-view>
        <cover-view class="marker-callout__info">
          全程{{item.distance_label}},约{{item.duration}}分钟
        </cover-view>
      </cover-view>
    </block>
  </cover-view>
</map>
回答关注问题邀请回答
收藏

4 个回答

登录 后发表内容