微信小程序map地图路线规划

微信小程序中使用地图路线规划需要使用腾讯地图API。以下是一个简单的示例：

1. 在小程序中引入腾讯地图API：

const QQMapWX = require('./qqmap-wx-jssdk.min.js');
const qqmapsdk = new QQMapWX({
  key: 'yourKey' //在腾讯地图开发平台申请的key
});

2. 获取用户当前位置：

wx.getLocation({
  type: 'gcj02', //定位方式，gcj02为国测局加密坐标系
  success: function (res) {
    const latitude = res.latitude;
    const longitude = res.longitude;
    //调用腾讯地图API获取城市信息
    qqmapsdk.reverseGeocoder({
      location: {
        latitude: latitude,
        longitude: longitude
      },
      success: function (res) {
        console.log(res.result.address_component.city);
      },
      fail: function (res) {
        console.log(res);
      }
    });
  },
  fail: function (res) {
    console.log(res);
  }
});

3. 获取起点和终点位置的经纬度：

//调用腾讯地图API获取起点和终点位置信息
qqmapsdk.geocoder({
  address: '广州市天河区岗顶地铁站',
  success: function (res) {
    const fromLatitude = res.result.location.lat;
    const fromLongitude = res.result.location.lng;
    qqmapsdk.geocoder({
      address: '广州市天河区棠东地铁站',
      success: function (res) {
        const toLatitude = res.result.location.lat;
        const toLongitude = res.result.location.lng;
        //调用腾讯地图API获取路线规划信息
        qqmapsdk.direction({
          mode: 'driving',
          from: {
            latitude: fromLatitude,
            longitude: fromLongitude
          },
          to: {
            latitude: toLatitude,
            longitude: toLongitude
          },
          success: function (res) {
            console.log(res);
          },
          fail: function (res) {
            console.log(res);
          }
        });
      },
      fail: function (res) {
        console.log(res);
      }
    });
  },
  fail: function (res) {
    console.log(res);
  }
});

4. 在地图上显示路线：

//在地图上显示路线
const polyline = [];
const steps = res.result.routes[0].steps;
for (let i = 0; i < steps.length; i++) {
  const polylinePoints = steps[i].polyline;
  for (let j = 0; j < polylinePoints.length; j++) {
    const point = polylinePoints[j].split(',');
    polyline.push({
      latitude: parseFloat(point[0]),
      longitude: parseFloat(point[1])
    });
  }
}
that.setData({
  polyline: [{
    points: polyline,
    color: "#FF0000DD",
    width: 4,
    dottedLine: false
  }]
});

以上是一个简单的地图路线规划示例，具体实现还需根据实际需求进行调整。