路线规划请求返回来的routes数据需要解析 | 腾讯地图 | 微信小程序 | uniapp

uni-app地图文档

微信小程序JavaScript 路径规划 | 文档

let coors = res.result.routes[0].polyline;
for (var i = 2; i < coors.length; i++) {
    coors[i] = coors[i - 2] + coors[i] / 1000000
}
let coors_new = [];
for (var j = 0; j < coors.length; j++) {
    coors_new.push({
        latitude: parseFloat(coors[j]),
        longitude: parseFloat(coors[j + 1])
    })
    j++;
}

let polyline = [{
    points: coors_new, //是一个数组形式的坐标点[{lat,log}]
    color: "#FA6400", //线条的颜色
    width: 10, //宽度
    arrowLine: true, //是否带箭头
    borderWidth: 2 //线的边框宽度,还有很多参数,请看文档 
}];

// 再把polyline赋予给map的polyline属性的值就可以了
posted @ 2022-04-14 21:01  槑孒  阅读(81)  评论(0编辑  收藏  举报