<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>
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),提供下具体的机型,微信版本号,系统版本号。
2024年12月了,这个问题还是没解决。
2024年11月了,这个问题还是没解决。
这个问题解决了么?
有解决的吗?
只有一个marker,5次可能有一次显示不出来
this.markers = [{ id: 1, longitude: this.detail.lng, latitude: this.detail.lat, width: 26, height: 34, iconPath: '/image/icon.png', customCallout: {display: 'ALWAYS'}, }] <map class="shop-map" markers="{{markers}}"> <cover-view slot="callout"> <cover-view marker-id="1"> <cover-image src="https://fe.baidu.com/images/tip3.png" /> </cover-view> </cover-view> </map>
解决了吗?我用uni-app 开发H5。也遇到这个问题,在map custom-callout中使用cover-image,图片不显示