- 发布：2020-05-17 12:42
- 更新：2020-11-06 08:42
- 阅读：1186
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 10.15.3
HBuilderX类型： Alpha
HBuilderX版本号： 2.7.3
手机系统： 全部
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
操作步骤：
nvue页面使用map组件，实时定位，给polyline添加运动轨迹，线条的ui无法控制箭头颜色等。然后就是安卓的map地图实时画线polyline闪烁，看了很多帖子说polyline用计算属性，什么什么的，我能不能理解为整体刷新就好用。
nvue页面使用map组件，实时定位，给polyline添加运动轨迹，线条的ui无法控制箭头颜色等。然后就是安卓的map地图实时画线polyline闪烁，看了很多帖子说polyline用计算属性，什么什么的，我能不能理解为整体刷新就好用。
预期结果：
安卓与iOS表现需要一致，起码颜色要一致吧，箭头什么的再说。
安卓与iOS表现需要一致，起码颜色要一致吧，箭头什么的再说。
实际结果：
安卓不显示箭头，地图闪烁，
iOS无法取消箭头，无法换颜色，border相关造成闪烁。
安卓不显示箭头，地图闪烁，
iOS无法取消箭头，无法换颜色，border相关造成闪烁。
bug描述：
map组件的polyline属性下的arrowLine箭头异常
安卓手机：arrowLine属性置true，无箭头显示（总不显示）；
苹果手机：arrowLine属性置false，依然显示箭头（总显示）；
初始化的polyline为
//template
<map
id="maps"
ref="maps"
enable-3D="true"
show-location
:polyline="polylining"
></map>
//script
data() {
return {
polyline: [
{
points: []
}
]
};
},
computed: {
polylining() {
return this.polyline;
}
},监听定位之后的polyline都是新的
let arrowLine, color, width, arrowIconPath, borderColor, borderWidth;
if (uni.getSystemInfoSync().platform == 'ios') {
arrowIconPath = '/static/logo.png';
} else {
}
color = 'rgba(255,123,0,1)';
width = 10;
arrowLine = false;
// borderColor = 'rgba(255,123,0,1)';
// borderWidth = 5;
this.polyline = [
{
points: this.points,
// arrowLine,
color,
width,
arrowIconPath
// borderColor,
// borderWidth
}
];
安卓与iOS的样式大不一样，
this.polyline的颜色在iOS不变，arrowIconPath无法在iOS显示，borderColor，borderWidth属性会造成iOS线条闪烁，比较有意思的是安卓动态画polyline，必定会闪烁，这个问题在使用plus.maps时没有这种现象。
请官方大大认真看一下。
4 个回复
1***@qq.com (作者)
看了hello-uniapp的demo，在iOS上面的样式也是不变的
码农一生
苹果手机：arrowLine属性置false，依然显示箭头（总显示）；
我也遇到这个问题，解决了吗？
maozai - 小程序开发者
安卓上的箭头不显示，nvue文件，怎么办，小程序正常
1***@qq.com (作者)
官方回复了 https://ask.dcloud.net.cn/article/37901