uniapp地图展示问题?

作者站长头像
站长
· 阅读数 9

设置了气泡背景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个回答
avatar
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进制得到的。这种表示法在大多数浏览器和设备上都能更好地兼容。

如果问题仍然存在,请确保你的手机操作系统和浏览器都已更新到最新版本。如果问题依然没有解决,可能需要检查其他部分的代码或者尝试在其他手机上进行测试。

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容