UniApp + vue3 微信小程序使用高德地图

1、登录微信公众平台，在 "设置"－>"开发设置" 中设置 request 合法域名，将 https://restapi.amap.com 中添加进去

2、下载  微信小程序插件  amap-wx.130.js

3、修改  amap-wx.130.js  文件的尾部   module.exports.AMapWX=AMapWX;    修改为      export default { AMapWX };

// module.exports.AMapWX=AMapWX;
//适配vue3
export default { AMapWX };

 4、uniapp中使用高德地图

import { ref, onMounted, nextTick } from 'vue'
import { onLoad } from '@dcloudio/uni-app';
// 引入
import amap from '@/libs/amap-wx.130.js';

let myAmapFun=ref(null)

onLoad(() => {
    myAmapFun.value = new amap.AMapWX({
        key:'xxxxxxxxxxxxx'
    })

    nextTick(() => {
        uni.getLocation({
            type: 'wgs84',
             success: function (res) {
                 const latitude = res.latitude;
                 const longitude = res.longitude;
                 myAmapFun.value.getRegeo({
                     location: `${longitude},${latitude}`,
                     success: (regeo : any) => {
                          console.log(regeo)
                     }
                  })
               }
          });
     })
})