uni-app 报 app-nvue页面地图画线 polyline设置color在真机调试时无效果 颜色始终为蓝色

uni-app 报 app-nvue页面地图画线 polyline设置color在真机调试时无效果 颜色始终为蓝色

测试过的手机：

  • ios 版本13.6，机型 iphone11
  • android 版本11，型号 pixel 3 XL

示例代码：

this.polyline = [{
    points: this.points,
    color: "#E61A1AFF", // 这里也试过 #E61A1A 不加不透明度，都不行
    width: 10,
    arrowLine: true,
    borderColor: "#000000",
    borderWidth: 2
}]

操作步骤：

  • 一定要用 nvue，然后随便写个 map，把 polyline 的 color 改了就能看见根本不起作用；
  • 或者直接打开你们的 Hello uni-app，改改颜色真机调试一下看看

预期结果：

  • 我使用的 #E61A1A，预期画线的颜色为红色

实际结果：

  • 蓝色

bug描述：

如题，app-nvue 页面地图画线，polyline 设置 color 在真机调试时没有效果，颜色始终为蓝色
用 Hello uni-app 试了一下，不也是蓝色吗？代码里不是写的 #FFCCFF，应该是粉色的吗？官方例子也是 bug 啊

示例图片


更多关于uni-app 报 app-nvue页面地图画线 polyline设置color在真机调试时无效果 颜色始终为蓝色的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

当 arrowLine:true 的时候是显示的带箭头的图片拼接的线，替换图片可以参考文档 https://ask.dcloud.net.cn/article/37901，如果想显示纯颜色的线条将 arrowLine:false

更多关于uni-app 报 app-nvue页面地图画线 polyline设置color在真机调试时无效果 颜色始终为蓝色的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个已知的 nvue 地图组件问题。在 app-nvue 中，map 组件的 polyline 的 color 属性确实存在真机渲染异常，表现为颜色固定为蓝色，无法通过配置修改。

问题原因： 该问题源于 nvue 地图原生渲染模块对 polyline 颜色解析的缺陷。尽管代码中传递了正确的颜色值，但底层渲染时未正确应用 ARGB 颜色通道，导致始终显示默认蓝色。

临时解决方案： 目前可通过以下方式之一规避：

  1. 使用 strokeColor 替代（部分版本有效）：
this.polyline = [{
    points: this.points,
    strokeColor: "#E61A1AFF", // 尝试使用 strokeColor
    width: 10
}]
回到顶部