- map组件marker 上的自定义气泡 customCallout真机不显示
[图片] [图片] 工具上显示正常,预览和真机调试的时候就不显示了
2020-11-24 - 多个marker共用一个自定义customCallout时,cover-view中图片会缓存不更新
需求场景: 小程序地图中显示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> [图片]
2023-07-03