小程序 逆地址解析

小程序官方文档提供可以获取当前城市的经纬度,但是当前城市 还是要自己去逆向解析。获取经当前地址小程序官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.getLocation.html

1:前往腾讯位置服务官网 申请key

https://lbs.qq.com/dev/console/user/info
首先:添加应用 微信小程序填写自己的微信APPID

image.png

2.下载对应的sdk 引入项目中

下载地址:https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview

3.代码示范

//我写的是Taro小程序 原生小程序就用require的写法 
import QQMapWX from "@/utils/qqmap-wx-jssdk.min";
//key值是必填的 且是第一步中申请的值
const wxMap = new QQMapWX({key: "UF**Z-4**3-2**W-***CF-VG**S-W***M"});

Taro.getLocation({
        type: "wgs84",
        success: function (res) {
          const latitude = res.latitude;
          const longitude = res.longitude;
          wxMap.reverseGeocoder({
            location: { latitude, longitude },
            success: function (res) {
              const { city } = res.result.address_component;
              //这个便是获取到的城市
              console.log(city);
            },
          });
          that.setState(
            {
              latitude,
              longitude,
            }
          );
        },
      });

PS: Taro.getLocation

//要在小程序路径配置页面 加上这句
 permission: {
    "scope.userLocation": {
      desc: "你的位置信息将用于小程序位置接口的效果展示", // 高速公路行驶持续后台定位
    },
  },

你可能感兴趣的:(小程序 逆地址解析)