项目实训（二十六）——详细路线规划

一、实现效果：

我们可以通过详细路线规划，知道我们每一步具体该如何行驶。

这里wxml，wxss文件就不再进行讲解，主要看看js文件时如何实现这一过程的。

var amapFile = require('../../components/amap-wx.130.js');

 

Page({

  data: {

    steps: {}

  },

  onLoad: function(options) {

    var that = this;

    var origin = options.origin;

    var destination = options.destination;

  

    var myAmapFun = new amapFile.AMapWX({key: ''});

    myAmapFun.getDrivingRoute({

      origin: '117.121787,36.662872',

 destination:'117.12009,36.65184',

      success: function(data){

        if(data.paths && data.paths[0] && data.paths[0].steps){

          that.setData({

            steps: data.paths[0].steps

          });

        }

          

      },

      fail: function(info){

      }

    })

  }

})

这里我们就是通过调用myAmapFun.getDrivingRoute实现的路线一步步规划。这里我们的步行同样实现了一步步的路线规划，这里就不再进行赘述了。