<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,其中一个气泡的图片就没显示得出来。
我也遇到这个问题了,自定义气泡偶现不渲染,如何解决呢
字未显示的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>