cxm151254182
- 发布：2025-09-03 13:54
- 更新：2025-09-04 14:42
- 阅读：154
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 11Version 24H2的08
HBuilderX类型： 正式
HBuilderX版本号： 4.76
浏览器平台： Chrome
浏览器版本： 139.0.7258.155
项目创建方式： HBuilderX
示例代码：
···<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>···
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进制颜色值透明度不生效
16进制颜色值透明度不生效
bug描述：
uiapp map配置circles 其中fillColor 透明度#5DB9F91A 不生效
cxm151254182 (作者)
<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>-
-
cxm151254182 (作者)
回复 cxm151254182: 我这边根据这个（https://ask.dcloud.net.cn/question/159809）替换了一下，现在是临时解决了但是，如果要发布到线上就没办法
2025-09-03 15:30
-
-
cxm151254182 (作者)
不行，跟自己的一样的，这是我的demo,,复制的也是hello uniapp 的，一样的效果
-
-
-
cxm151254182 (作者)
回复 DCloud_UNI_JBB: 需要初始化，安装依赖包，如果有接口报304错误的话，就注释掉 proxy试试，我这边是可以跑起来的
2025-09-04 14:32
跑不起来，发个能运行的复现demo
-
cxm151254182 (作者)
如果是安装依赖时候报错，我这边用的是node 14.21.3版本，安装完之后， HbuildX=>运行=》H5k开发环境，即可跑起来
2025-09-04 15:00
-
-
cxm151254182 (作者)
回复 DCloud_UNI_JBB: 可是我这边能跑起来,不知道你那边是怎末回事 https://bbs.itying.com/topic/67e1d85d687c4e0048a85826这个文档看一下试一下
2025-09-04 15:13
cxm151254182 (作者)
vue3 用的高德地图
2025-09-03 14:28
cxm151254182 (作者)
这个要怎么改？啥时候可以用？
2025-09-03 14:49
DCloud_UNI_JBB
回复 cxm151254182: 发下完整的demo
2025-09-03 14:56
cxm151254182 (作者)
回复 DCloud_UNI_JBB: 现在用我下面的方式本地是可以了，但是测试环境总不能每次都改那个文件吧
2025-09-03 21:27
cxm151254182 (作者)
回复 DCloud_UNI_JBB: 还有啥其他的解决办法吗？
2025-09-03 21:29
cxm151254182 (作者)
希望可以尽快回复，我这边很着急
2025-09-03 21:31