1、需要在腾讯地图的开发者平台注册key,下载小程序sdk,创建使用sdk的文件,以及全局App.json进行配置

import QQMapWx from '../qqMap/qqmap-wx-jssdk.min'

export default new QQMapWx({
  key: 'F6PBZ-VDILZ-KPGXN-TJFBW-NFVL5-BUBVN'
})
"requiredPrivateInfos": [
    "getLocation",
    "chooseLocation"
  ],
  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序位置接口的效果展示"
    }
  }

2、通过微信小程序的getLocation获取到经纬度信息,之后经过解析获取到具体的位置信息

// index.js
import qqMap from '../util/qqmap'
Page({
  data:{
    address:'11'
  },
	onLoad(){
		this.getLoation()
	},
	async getLoation() {
    const { latitude, longitude } = await wx.getLocation();
    console.log(latitude, longitude);
    qqMap.reverseGeocoder({
      location: {
        latitude: latitude,
        longitude: longitude
      },
      success: (result) => {
        const province = result.result.address_component.district;
        console.log(result.result.address_component.district);
        this.setData({
          address: province
        })
      },
      fail: (err) => {
        console.log('逆地理编码失败:', err);
      }
    });
  }
})

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐