uni-app map组件中的polyline在安卓机上连线颜色异常

uni-app map组件中的polyline在安卓机上连线颜色异常

项目信息 详情
产品分类 uniapp/小程序/微信
PC开发环境 Windows
PC开发环境版本 Windows 10
HBuilderX类型 正式
HBuilderX版本 3.8.1
工具版本号 1.06.2307250
基础库版本号 3.3.5
项目创建方式 HBuilderX

示例代码：

points: linePoint,  
color: '#DAB173',  
width: 10,  
// borderWidth: 4,  
dottedLine: false,  
arrowLine: true

操作步骤：

points: linePoint,  
color: '#DAB173',  
width: 10,  
// borderWidth: 4,  
dottedLine: false,  
arrowLine: true

预期结果：

points: linePoint,  
color: '#DAB173',  
width: 10,  
// borderWidth: 4,  
dottedLine: false,  
arrowLine: true

实际结果：

points: linePoint,  
color: '#DAB173',  
width: 10,  
// borderWidth: 4,  
dottedLine: false,  
arrowLine: true

bug描述：

uniapp在使用map组件时，对地图上的位置标点进行线路连接，并对线路属性进行设置，实机测试中，发现ios中的线路颜色为正常设置颜色，安卓系统下的线路颜色包裹了黑色边框。

以下是ios和安卓对比，黑色的为安卓系统显示的线路：


更多关于uni-app map组件中的polyline在安卓机上连线颜色异常的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

arrowLine 真机不起作用怎么回事 有办法解决吗

更多关于uni-app map组件中的polyline在安卓机上连线颜色异常的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在 uni-app 中使用 map 组件的 polyline 时，如果遇到在安卓机上连线颜色异常的问题，可能是由于以下几个原因导致的：

  1. 颜色格式问题：

    • polyline 的 color 属性需要传入十六进制颜色值，例如 #FF0000 表示红色。如果颜色格式不正确，可能会导致颜色显示异常。

  2. 透明度问题：

    • 如果你在颜色中使用了透明度（例如 #80FF0000），在某些安卓设备上可能会出现显示异常。可以尝试去掉透明度，使用不透明的颜色值来测试。

  3. 设备兼容性问题：

    • 不同的安卓设备可能存在兼容性问题，尤其是对于 map 组件的渲染。可以尝试在不同的安卓设备上测试，看看是否是特定设备的问题。

  4. uni-app 版本问题：

    • 确保你使用的是最新版本的 uni-app 和 map 组件。旧版本可能存在一些 bug，升级到最新版本可能会解决这个问题。

  5. 代码问题：

    • 检查你的代码，确保 polyline 的 color 属性设置正确。例如：
      polyline: [{
  points: [
    {latitude: 39.90, longitude: 116.39},
    {latitude: 39.91, longitude: 116.41}
  ],
  color: '#FF0000', // 确保颜色格式正确
  width: 5,
  dottedLine: false
}]

  6. 使用 strokeColor 属性：

    • 在某些情况下，使用 strokeColor 属性而不是 color 属性可能会解决颜色显示异常的问题。例如：
      polyline: [{
  points: [
    {latitude: 39.90, longitude: 116.39},
    {latitude: 39.91, longitude: 116.41}
  ],
  strokeColor: '#FF0000', // 使用 strokeColor
  strokeWidth: 5,
  dottedLine: false
}]
回到顶部