Vue2使用腾讯地图实现：输入起始点规划路线（运用地址解析）

一、实现效果

二、步骤

1、在index.html中引入腾讯地图

（文件路径：public\index.html）

（ps:记得替换成自己的key）

<script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&key=你的key"></script>
<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=你的key"></script>

2、创建文件cb.js

（文件路径：src\utils\cb.js）

（ps:utils是我创的文件夹，放别的文件夹时在main.js引入记得改路径）

/**
 * cb腾讯地图路线规划回调函数
 * @param {*} ret
 */
export function cb(ret) {
  var coords = ret.result.routes[0].polyline,
    pl = [];
  //坐标解压（返回的点串坐标，通过前向差分进行压缩）
  var kr = 1000000;
  for (var i = 2; i < coords.length; i++) {
    coords[i] = Number(coords[i - 2]) + Number(coords[i]) / kr;
  }
  //将解压后的坐标放入点串数组pl中
  for (var n = 0; n < coords.length; n += 2