收藏
回答

map组件 自定义气泡图片显示问题?真机有时候显示有时候不显示?

<CoverView slot='callout'>
  {
    markers && markers.map(item => {
      return (
        <CoverView className='map-callout' key={item.id} marker-id={item.id}>
          <CoverImage src='https://jsfj-public.oss-cn-shenzhen.aliyuncs.com/2022-07-19/405169f55cbb4f2891594873ee3e4de7/map-callout.png' className='callout-background'></CoverImage>
          <CoverView className='callout-title'>渝A66881</CoverView>
          <CoverView className='callout-bottom'>
            <CoverView className='callout-msg'>前往现场</CoverView>
            <CoverView className='callout-btn'>查看<CoverImage src='https://jsfj-public.oss-cn-shenzhen.aliyuncs.com/2022-07-20/2bcf45f8816245acbd62a5bdcfd88df4/icon-next-blue.png' className='callout-img'></CoverImage></CoverView>
          </CoverView>
        </CoverView>
      )
    })
  }
</CoverView>

1:display如果不是ALWAYS,点击marker,图片大概率都不会显示。

2:有时候不仅是图片不显示,连字都没显示(示例代码里“前往现场”)


有没有意思,想上传个视频还要申请创作号...

正常显示,箭头未显示,背景箭头字都未显示。



这是我用官方代码片段代码(最新基础库)改成image组件内官方示例的网络图片,反复移除添加marker,其中一个气泡的图片就没显示得出来。

最后一次编辑于  2022-07-20
回答关注问题邀请回答
收藏

1 个回答

  • 刘板筋
    刘板筋
    2022-07-20

    字未显示的bug找到原因了,气泡内的cover-view就不能包含多层,单独写出来了就不会消失了。

    但图片还是有问题,目前只能像这样改成无图片的效果。。。。


    <CoverView slot='callout'>
      {
        markers && markers.map(item => {
          return (
            <CoverView className='map-callout' key={item.id} marker-id={item.id}>
              <CoverView className='callout-title'>渝A66881</CoverView>
              <CoverView className='callout-msg'>前往现场</CoverView>
              <CoverView className='callout-btn'>查看</CoverView>
            </CoverView>
          )
        })
      }
    </CoverView>
    
    2022-07-20
    有用
    回复
登录 后发表内容