uni-app中map的marker设置bgColor在真机上没有效果

在uni-app中，对于<map>组件的marker设置bgColor属性在某些真机上可能确实存在不生效的问题。这通常是由于平台兼容性问题或者组件本身的限制所导致的。为了绕过这个问题，我们可以尝试通过一些替代方案来实现类似的效果。

一种常见的替代方案是使用图片来模拟marker的背景颜色。下面是一个示例代码，展示了如何使用自定义图片来设置marker的背景颜色，并确保它在真机上能够正确显示。

首先，你需要准备一张带有目标背景颜色的图片，比如一个蓝色的圆形图片，命名为marker_bg.png，并将其放置在项目的static目录中。

然后，你可以使用以下代码来设置marker：

<template>
  <view>
    <map
      id="map"
      longitude="116.404"
      latitude="39.915"
      scale="14"
      markers="{{markers}}"
      style="width: 100%; height: 300px;"
    >
    </map>
  </view>
</template>

<script>
export default {
  data() {
    return {
      markers: [
        {
          id: 1,
          latitude: 39.915,
          longitude: 116.404,
          iconPath: '/static/marker_bg.png',  // 使用自定义图片作为marker背景
          width: 50,  // 图标宽度
          height: 50, // 图标高度
          callout: {
            content: '这里是标记点',
            bgColor: '#ffffff', // 这里设置的是callout的背景色，通常用于显示信息框
            padding: 5,
            borderRadius: 5,
            display: 'ALWAYS'
          }
        }
      ]
    };
  }
};
</script>

<style scoped>
/* 这里可以添加一些样式，但map组件的样式主要通过属性设置 */
</style>

在这个例子中，我们通过iconPath属性指定了一个自定义的图片作为marker的背景。这样，即使bgColor属性在某些真机上不起作用，我们仍然可以通过图片来模拟出所需的背景颜色。

请注意，这种方法的一个潜在缺点是，如果你需要动态改变marker的背景颜色，你可能需要准备多张不同背景颜色的图片。然而，对于大多数静态场景，这种方法是简单且有效的。

另外，如果你正在使用的是较新的uni-app版本，也可以考虑查看官方文档或社区，看看是否有关于此问题的最新修复或建议。