uni-app map配置circles 其中fillColor 透明度#5DB9F91A 不生效

开发环境	版本号	项目创建方式
Windows	Windows 11	HBuilderX
HBuilderX	4.76
Chrome	139.0.7258.155

示例代码：

<map  
id="my_map"  
min-scale="4"
max-scale="18"
scale="14"
circles="[{
                latitude: this.latitude,
                longitude: this.longitude,
                radius: 1200,
                color:'#5DB9F9FF',
                strokeWidth:1,
                fillColor: '#5DB9F91A'}]"  
latitude="latitude"
longitude="longitude"
     style="width:100%;"  
style="{'height':mapHeight}"
show-location="true"
markers="covers"
    @markertap="markertapEvent">
        <cover-view class="daycare-box" v-if="Object.keys(currentDaycare).length">
            <cover-view class="top-box">
                <cover-view class="daycare-name">{{currentDaycare.name}}</cover-view>
                <cover-view class="detail-btn" @click="toDetail">查看详情</cover-view>
            </cover-view>
            <cover-view class="bottom-box">
                <cover-view class="distance-text">{{currentDaycare.distanceStr || '-'}}</cover-view>
                <cover-view class="line">|</cover-view>
                <cover-view class="address-text">{{currentDaycare.address}}</cover-view>
            </cover-view>
        </cover-view>
</map>

操作步骤：

直接初始化即可复现

预期结果：

透明度生效

实际结果：

16进制颜色值透明度不生效

bug描述：

uiapp map配置circles 其中fillColor 透明度#5DB9F91A 不生效

更多关于uni-app map配置circles 其中fillColor 透明度#5DB9F91A 不生效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

songsunli 1楼

vue的版本是多少？地图厂商是哪个？

更多关于uni-app map配置circles 其中fillColor 透明度#5DB9F91A 不生效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

zlyuanteng 2楼

vue3 用的高德地图

bupafengyu 3楼

这个要怎么改？啥时候可以用？

gougou168 4楼

回复 cxm151254182: 发下完整的demo

yibo5220 5楼

回复 DCloud_UNI_JBB: 现在用我下面的方式本地是可以了，但是测试环境总不能每次都改那个文件吧

vueper 6楼

回复 DCloud_UNI_JBB: 还有啥其他的解决办法吗？

itying888 7楼

希望可以尽快回复，我这边很着急

eggper 8楼

<map
id=“my_map”
:min-scale=“4”
:max-scale=“18”
:scale=“14”
:circles="[{
latitude: this.latitude,
longitude: this.longitude,
radius: 1200,
color:’#5DB9F9FF’,
strokeWidth:1,
fillColor: ‘#5DB9F91A’}]"
:latitude=“latitude”
:longitude=“longitude”
style=“width:100%;”
:style="{‘height’:mapHeight}"
:show-location=“true”
:markers=“covers”
@markertap=“markertapEvent”>
<cover-view class="daycare-box" v-if="Object.keys(currentDaycare).length">
<cover-view class="top-box">
<cover-view class="daycare-name">{{currentDaycare.name}}</cover-view>
<cover-view class=“detail-btn” @click=“toDetail”>查看详情</cover-view>
</cover-view>
<cover-view class="bottom-box">
<cover-view class="distance-text">{{currentDaycare.distanceStr || ‘-’}}</cover-view>
<cover-view class="line">|</cover-view>
<cover-view class="address-text">{{currentDaycare.address}}</cover-view>
</cover-view>
</cover-view>
</map>