微信小程序获取地区code

558 阅读1分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

微信小程序获取地区code (接腾讯地图)

微信小程序官方文档中,有一个 wx.getLocation(点击跳转API) 接口,可以获取当前的地理位置、速度。如没有code/省市区等相关信息,我们可以对接一个腾讯地图,来获取相关信息

// wx.getLocation接口示例
wx.getLocation({
 type: 'wgs84', // wgs84 返回 gps 坐标,gcj02 返回可用于 wx.openLocation 的坐标
 success (res) {
   const latitude = res.latitude
   const longitude = res.longitude
   const speed = res.speed
   const accuracy = res.accuracy
 }
})

1、创建一个腾讯地图账号后,在我的应用中,点击创建应用,按照项目需求输入并创建 在这里插入图片描述

在这里插入图片描述

2、创建完成后,点击 添加Key, 注意勾选 WebserviceAPI和微信小程序

在这里插入图片描述

在这里插入图片描述

3、下载SDK放在项目中

4、引入SDK/创建实例/调用

注意创建实例时key为(2、)中创建的key

reverseGeocoder官方文档

// 引入SDK
import QQMapWX from './qqmap-wx-jssdk.min.js'

// 创建实例
var qqmapsdk = new QQMapWX({
  key: 'XXXXX-XXXXX-XXXXX-XXXXX-XXXXX-XXXXX' // 这里的key为(2、)中创建的key
});

// 调用
qqmapsdk.reverseGeocoder({
  location: {
    latitude: res.latitude,
    longitude: res.longitude
  },
  success(res) {
    console.log(res)
  },
  fail(err) {
    console.error(err)
  }
})

完成

腾讯地图对接微信小程序官方文档

注:自 2022 年 7 月 14 日后发布的小程序,若使用该接口,需要在 app.json 中进行声明,否则将无法正常使用该接口,2022年7月14日前发布的小程序不受影响。(具体公告请看官方公告