需求场景:
小程序地图中显示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>