收藏
回答

map组件marker custom-callout中使用cover-image不显示

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug cover-image 微信安卓客户端 7.0.18 2.12.2

<cover-view slot='callout'>

      <cover-view wx:for="{{markers}}wx:key="idwx:for-index="idxwx: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-photomode="aspectFitsrc="{{curClusterItem.detail.url}}" />

              <cover-view>'{{curClusterItem.detail.url}}'cover-view>

            cover-view>

          cover-view>

        cover-view>

      cover-view>

    cover-view>

cover-image不显示,但同级的cover-view显示正常

回答关注问题邀请回答
收藏

12 个回答

  • 杨杨得亿
    杨杨得亿
    05-01

    四年了,官方也没人来回答一下这个问题,这个社区就是留着给人看问题而不是解决问题的。

    经过多方验证,我最后得到的一个结果就是,cover-image无法响应数据。就是说在加载完cover-image的渲染之后,网络图片才加载完成的话,就会出现不显示图片的问题。

    我的解决方案是通过wx.downloadFile来下载完成资源之后,再去更新cover-image。

    loadImage(imageSrc) {
      return new Promise((resovle, rejected) => {
        wx.downloadFile({
          url: imageSrc,
          successfunction(res{
            if (res.statusCode !== 200) rejected('加载网络图片失败');
            resovle(res.tempFilePath)
          },
          failfunction(error{
            rejected(error)
          }
        })
      })
    }
    


    05-01
    有用 3
    回复
  • Eva
    Eva
    星期三 11:54

    队友们,我好像找到解决方法,我在cover-image 加一个wx:key 解决了

      <cover-image data-index='{{index}}'  class="iconstyle="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>


    星期三 11:54
    有用 1
    回复
  • Cjiang
    Cjiang
    2020-09-07

    请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),提供下具体的机型,微信版本号,系统版本号。

    2020-09-07
    有用 1
    回复 12
    查看更多(7)
  • Rendering
    Rendering
    12-13

    2024年12月了,这个问题还是没解决。

    12-13
    有用
    回复
  • Zzzz...
    Zzzz...
    11-01

    2024年11月了,这个问题还是没解决。

    11-01
    有用
    回复
  • 宋默默
    宋默默
    09-02

    这个问题解决了么?

    09-02
    有用
    回复
  • momo
    momo
    2022-06-27

    有解决的吗?

    只有一个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>
    
    2022-06-27
    有用
    回复
  • 玲玲
    玲玲
    2021-12-27


    解决了吗?我用uni-app 开发H5。也遇到这个问题,在map custom-callout中使用cover-image,图片不显示

    2021-12-27
    有用
    回复
  • 百善孝为先
    百善孝为先
    发表于移动端
    2021-02-08
    你在哪里啊
    2021-02-08
    有用
    回复
  • 🌹艾则孜江🌟
    🌹艾则孜江🌟
    发表于移动端
    2021-01-18
    你好!
    2021-01-18
    有用
    回复

正在加载...

登录 后发表内容
问题标签