收藏
回答

多个marker共用一个自定义customCallout时,cover-view中图片会缓存不更新

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug map 微信安卓客户端 所有 不限制

需求场景:

小程序地图中显示20个marker,点击marker要显示marker对应的图片,目前使用"marker 上的自定义气泡 customCallout"中的方案实现,但性能非常差,地图移动时都会卡顿(iOS中更卡,特别是旧一点手机)(因为每个marker都有一堆cover-view跟着);

我们就想能不能所有marker都共用一个自定义customCallout,点击marker时只更新cover-view中的图片,我们试了,确认可以,性能非常高、非常流畅,一点也不卡顿;但现在发一个新问题:cover-view中图片(cover-image)会缓存不会即时更新,点击marker时cover-image中显示的上一个marker的cover-image,要移动地图才会自动更新。

共用一个自定义customCallout代码:

       <cover-view slot="callout">
          <cover-view class="marker-customer-callout" :marker-id="calloutId">
             <cover-view class="marker-customer-callout-image" v-show="calloutImg">
              <cover-view class="marker-customer-callout-image-content"></cover-view>
               <cover-image class="marker-customer-callout-image-point" :src="pointIcon"></cover-image>
               <cover-image class="marker-customer-callout-image-icon" :src="calloutImg"></cover-image>
             </cover-view>
           </cover-view>
       </cover-view>

回答关注问题邀请回答
收藏
登录 后发表内容