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

代码如下

<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>