小程序 逆地址解析

作者: vivianXIa | 来源:发表于2021-03-10 18:58 被阅读0次

    小程序官方文档提供可以获取当前城市的经纬度,但是当前城市 还是要自己去逆向解析。获取经当前地址小程序官方文档: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: "你的位置信息将用于小程序位置接口的效果展示", // 高速公路行驶持续后台定位
        },
      },
    

    相关文章

      网友评论

        本文标题:小程序 逆地址解析

        本文链接:https://www.haomeiwen.com/subject/optgqltx.html