使用uniapp写安卓app的高德地图和路线规划功能

1.注册高德开发者账号并创建应用，获取高德地图SDK的AppKey。

2.在uniapp项目中安装高德地图SDK插件，可以通过uniapp官方插件市场或npm安装。

3.在页面中引入高德地图组件，组件名为mp-amap，在需要显示地图的地方放置组件。

4.在页面的js文件中配置地图初始化参数，例如中心点坐标、缩放级别等。

5.使用高德地图SDK提供的API，获取当前位置信息和目的地位置信息，并将其传入路线规划函数。

6.根据所需的路线规划方式（步行、骑行、驾车等），调用对应的路线规划函数，获取路线规划结果。

7.将路线规划结果展示在地图上，例如绘制路线、添加起点和终点标记等。

8.在路线规划结果中可以获取到路线的距离、时间等信息，可以根据需要在页面中展示。

9.需要注意的是，在使用高德地图SDK时需要获取用户的定位权限，可以使用uniapp提供的API进行权限申请。

以下是一个简单的示例代码：

<template>
  <view>
    <mp-amap :markers="markers" :polyline="polyline" :show-location="true"></mp-amap>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        markers: [],
        polyline: [],
      }
    },
    onReady() {
      this.getCurrentLocation()
    },
    methods: {
      getCurrentLocation() {
        uni.getLocation({
          type: 'gcj02',
          success: (res) => {
            this.markers = [{
              id: 0,
              latitude: res.latitude,
              longitude: res.longitude,
              iconPath: '/static/position.png',
              width: 32,
              height: 32,
              callout: {
                content: '当前位置',
                color: '#ffffff',
                fontSize: 14,
                borderRadius: 10,
                bgColor: '#000000',
                padding: 8,
                display: 'ALWAYS',
              },
            }]
            this.getDestinationLocation()
          },
          fail: (e) => {
            uni.showToast({
              title: '获取位置信息失败',
              icon: 'none',
            })
          },
        })
      },
      getDestinationLocation() {
        uni.showLoading({
          title: '加载中...',
        })
        uni.request({
          url: 'https://restapi.amap.com/v3/geocode/geo',
          method: 'GET',
          data: {
            key: 'your_amap_key',
            address: '北京市朝阳区望京SOHO',
          },
          success: (res) => {
            uni.hideLoading()
            const location = res.data.geocodes[0].location.split(',')
            this.markers.push({
              id: 1,
              latitude: location[1],
              longitude: location[0],
              iconPath: '/static/destination.png',
              width: 32,
              height: 32,
              callout: {
                content: '目的地',
                color: '#ffffff',
                fontSize: 14,
                borderRadius: 10,
                bgColor: '#000000',
                padding: 8,
                display: 'ALWAYS',
              },
            })
            this.getWalkingRoute()
          },
          fail: (e) => {
            uni.hideLoading()
            uni.showToast({
              title: '获取目的地信息失败',
              icon: 'none',
            })
          },
        })
      },
      getWalkingRoute() {
        uni.showLoading({
          title: '加载中...',
        })
        uni.request({
          url: 'https://restapi.amap.com/v3/direction/walking',
          method: 'GET',
          data: {
            key: 'your_amap_key',
            origin: `${this.markers[0].longitude},${this.markers[0].latitude}`,
            destination: `${this.markers[1].longitude},${this.markers[1].latitude}`,
          },
          success: (res) => {
            uni.hideLoading()
            const path = res.data.route.paths[0].steps.map((step) => {
              return {
                longitude: step.polyline.split(';')[0].split(',')[0],
                latitude: step.polyline.split(';')[0].split(',')[1],
              }
            })
            this.polyline = [{
              points: path,
              color: '#0091ff',
              width: 6,
              dottedLine: false,
            }]
            uni.showToast({
              title: `距离：${parseInt(res.data.route.paths[0].distance / 1000)}公里，大约需要${parseInt(res.data.route.paths[0].duration / 60)}分钟`,
              icon: 'none',
            })
          },
          fail: (e) => {
            uni.hideLoading()
            uni.showToast({
              title: '规划路线失败',
              icon: 'none',
            })
          },
        })
      },
    },
  }
</script>