javascript - uniapp地图展示问题？

Question

设置了气泡背景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', //常显
                    }
                }, {

Answer 1

从你提供的代码片段来看，你为自定义标记点上方的气泡窗口设置了背景颜色和透明度（bgColor: 'rgba(0,0,0,0.38)'）。在开发者工具中显示正常，但在手机上显示为黑色可能是因为某些手机浏览器对于rgba颜色值的支持不够好。

为了解决这个问题，你可以尝试使用16进制颜色值+透明度的形式。在你的代码中，你可以将bgColor: 'rgba(0,0,0,0.38)'替换为：
bgColor: '#00000061', //背景颜色

这里，#000000表示黑色，后面的61表示透明度，它是将0.38乘以255然后四舍五入并转换为16进制得到的。这种表示法在大多数浏览器和设备上都能更好地兼容。

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