<cover-view slot='callout'>
<cover-view wx:for="{{markers}}" wx:key="id" wx:for-index="idx" wx:for-item="marker">
<cover-view marker-id="{{marker.id}}">
<cover-view wx:if="{{curClusterItem.markerID == marker.id}}">
<cover-view wx:if="{{curClusterItem.itemType == ClusterItemType.PHOTO}}">
<cover-image class="callout-photo" mode="aspectFit" src="{{curClusterItem.detail.url}}" />
<cover-view>'{{curClusterItem.detail.url}}'cover-view>
cover-image不显示,但同级的cover-view显示正常

四年了,官方也没人来回答一下这个问题,这个社区就是留着给人看问题而不是解决问题的。
经过多方验证,我最后得到的一个结果就是,cover-image无法响应数据。就是说在加载完cover-image的渲染之后,网络图片才加载完成的话,就会出现不显示图片的问题。
我的解决方案是通过wx.downloadFile来下载完成资源之后,再去更新cover-image。
loadImage(imageSrc) { return new Promise((resovle, rejected) => { wx.downloadFile({ url: imageSrc, success: function(res) { if (res.statusCode !== 200) rejected('加载网络图片失败'); resovle(res.tempFilePath) }, fail: function(error) { rejected(error) } }) }) }队友们,我好像找到解决方法,我在cover-image 加一个wx:key 解决了
<cover-image data-index='{{index}}' class="icon" style="width:{{item.width}}rpx;height:{{item.height}}rpx;" src="{{item.cover_img}}" bindload="{{!item.imgend?'loadImage':''}}" wx:key='{{item.imgend}}' wx:if="{{item.loading}}"></cover-image>
2025年10月了, 这个问题还是没有得到解决。
我对小程序的预期是高于小程序的表现的。
试试2解决了吗?我用uni-app 开发H5。也遇到这个问题,在map custom-callout中使用cover-image,图片不显示
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),提供下具体的机型,微信版本号,系统版本号。
遇到同样的问题,但是我却误打误撞出来了,我在cover-view加了个动态class,本来想搞点击添加选中样式,却发现,点击的时候样式没出来,图片却出来了。于是,我就加了个:class="{'refresh': isRefresh}",生成marker后,执行setTimeout(()=>{this.isRefresh = true},500),图片都会加载出来,感觉应该是因为动态设置了class,导致元素重新渲染了,致使图片出现了。
先给cover-iamge v-show=false, 然后监听加载成功事件,再显示出来。麻烦点,但是有效
2024年12月了,这个问题还是没解决。
2024年11月了,这个问题还是没解决。