微信小程序 腾讯地图根据起点终点绘制线路

mac2025-09-13  9

图片:腾讯地图绘制线路图

**

代码片

**

下面展示同样高亮的 代码片.

// An highlighted block goto() { var that = this; var start = that.startlat + "," + that.startlng; var end = that.endlat + "," + that.endlng; demo.direction({ mode: 'driving',//可选值:'driving'(驾车)、'walking'(步行)、'bicycling'(骑行),不填默认:'driving',可不填 //from参数不填默认当前地址 from: start, to: end, success: function (res) { console.log("返回结果") console.log(res); var ret = res; var coors = ret.result.routes[0].polyline, pl = []; //坐标解压(返回的点串坐标,通过前向差分进行压缩) var kr = 1000000; for (var i = 2; i < coors.length; i++) { coors[i] = Number(coors[i - 2]) + Number(coors[i]) / kr; } //将解压后的坐标放入点串数组pl中 for (var i = 0; i < coors.length; i += 2) { pl.push({ latitude: coors[i], longitude: coors[i + 1] }) } // console.log("返回串点坐标解压") // console.log(pl) //设置polyline属性,将路线显示出来,将解压坐标第一个数据作为起点 that.setData({ lat: pl[0].latitude, lng: pl[0].longitude, polyline: [{ points: pl, color: '#FF0000DD', width: 6 }] }) }, fail: function (error) { console.error(error); }, complete: function (res) { console.log(res); } }); },
最新回复(0)