uni-app引用高德地图

发表于 分类于 / / Changyan：

引入

1
import amap from '@/lib/amap/amap-wx.js';

初始化

1
2
3
myAmapFun = new amap.AMapWX({
  key: this.key //该key 是在高德中申请的微信小程序key
});

获取当前定位信息

1
2
3
4
5
6
7
8
9
10
11
12
13
this.myAmapFun.getRegeo({
  citylimit: true, //仅返回指定城市数据
  success: res => {
    console.log(res[0].regeocodeData.addressComponent); // 获取当前位置提示信息
    console.log(res[0].regeocodeData.pois); //获取的周边提示信息
  },
  fail: err => {
    uni.showToast({
      title: '获取当前定位失败,请手动输入查询',
      icon: 'none'
    });
  }
});

通过输入词，查询周边地址

1
2
3
4
5
6
7
8
9
10
myAmapFun.getInputtips({
  keywords: '', //输入的words
  city: this.addressData.cityName, //指定城市数据
  extensions: 'all', //返回地址描述以及附近兴趣点和道路信息，默认"base"
  success: res => {
    if (res && res.tips) {
      console.log(res);
    }
  }
});