uniapp地图展示问题?
设置了气泡背景bgColor的透明度,在开发者工具显示正常,手机上显示为黑色了,好像透明度没管用
covers: [{
id:1,
latitude:39.909,
longitude: 116.39742,
iconPath: '../../static/order/order_map_icon.png',
width:'31rpx',
height: '40rpx',
callout: { //自定义标记点上方的气泡窗口 点击有效
content: 'A取2', //文本
color: '#ffffff', //文字颜色
fontSize: '27rpx', //文本大小
borderRadius: "20rpx", //边框圆角
padding: '20rpx',
bgColor: 'rgba(0,0,0,0.38)', //背景颜色
display: 'ALWAYS', //常显
}
}, {
回复
1个回答
test
2024-07-05
从你提供的代码片段来看,你为自定义标记点上方的气泡窗口设置了背景颜色和透明度(bgColor: 'rgba(0,0,0,0.38)'
)。在开发者工具中显示正常,但在手机上显示为黑色可能是因为某些手机浏览器对于rgba颜色值的支持不够好。
为了解决这个问题,你可以尝试使用16进制颜色值+透明度的形式。在你的代码中,你可以将bgColor: 'rgba(0,0,0,0.38)'
替换为:bgColor: '#00000061', //背景颜色
这里,#000000
表示黑色,后面的61
表示透明度,它是将0.38
乘以255
然后四舍五入并转换为16进制得到的。这种表示法在大多数浏览器和设备上都能更好地兼容。
如果问题仍然存在,请确保你的手机操作系统和浏览器都已更新到最新版本。如果问题依然没有解决,可能需要检查其他部分的代码或者尝试在其他手机上进行测试。
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容