关于uniapp map polyline 动态画线问题

关于uniapp map polyline 动态画线问题

——日常踩坑记录

直接上代码
在这里插入图片描述

// 为做测试,我是对 polyline 点集合中最后一个点进行相对加一个数,让它有效果出来
let latitude = _this.polyline[0].points[_this.polyline[0].points.length - 1].latitude + 0.0001;
let longitude = _this.polyline[0].points[_this.polyline[0].points.length - 1].longitude + 0.0001;
// 将新的点结构起来
let dat = {latitude, longitude};
// 把原 polyline 的数据复制一份
let polyline_obj = JSON.parse(JSON.stringify(_this.polyline[0]));
// 然后将新的点放到复制之后的这个对象里面去
polyline_obj.points.push(dat);
// 重组对象,让它和原 polyline 的数据结构一样
let polyline = [polyline_obj, ];
// 然后整体再赋值给原 polyline
_this.polyline = polyline;
// 最后修改中心经纬度
_this.latitude = latitude;
_this.longitude = longitude;

稍稍解释一下:大体的思路是将原来的 polyline 数据复制一份,不过要断了和原来的联系,所用这里我用了 JSON 的一些方法。给复制那个添加新的点之后,再重新赋值给原来的 polyline 就可以了







前端小白献丑,各位大佬们有什么指教请留言哦

个人博客 http://www.sharekong.xyz 欢迎访问

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值