微信小程序-获取经纬度并转城市信息(腾讯位置服务)

2021-03-22  本文已影响0人  肉肉要次肉

获取经纬度用小程序APIwx.getLocation({})

写上这个API后,就会弹出获取定位授权,这个时候会有提示,需要你在app.json中做一个定位授权配置

配置完之后,才会出现上图中,就可以获取到经纬度了。

经纬度转城市信息

腾讯位置服务

1、注册账号,创建应用,申请开发者秘钥(key)

2.开通webserviceAPI服务:控制台 -> key管理 -> 设置(使用该功能的key)-> 勾选webserviceAPI -> 保存(小程序SDK需要用到webserviceAPI的部分服务,所以使用该功能的KEY需要具备相应的权限)

3.下载微信小程序JavaScriptSDK,微信小程序JavaScriptSDK v1.2

下载地址是从上面腾讯位置服务里的开发文档中,点击就直接下载了

4.安全域名设置,在小程序后台的“设置” -> “开发设置”中设置request合法域名,添加https://apis.map.qq.comxia

小程序项目中相关配置及代码

1、在你需要用到的页面引入

// 引入SDK核心类,js文件根据自己业务,位置可自行放置

var   QQMapWX =require('../../utils/qqmap-wx-jssdk.js');

var   qqmapsdk;

2、在onload中,实例化

var demo = new QQMapWX({ key: '申请的开发者密钥' // 必填});

3、调用

wx.getLocation({

      type: 'wgs84',

      success(res) {

        console.log(res)

        demo.reverseGeocoder({

          location: {

            latitude: res.latitude,

            longitude: res.longitude

          },

          success: function (res) {

            console.log(res.result);

          },

          fail: function (res) {

            console.log(res);

          },

        })

      }

    })

注意:

腾讯位置服务,个人开发账号,每天的使用次数是10000次,并发数是每秒5次。企业账号是3000000次。再多的访问量就需要额外花钱了。

上一篇下一篇

猜你喜欢

热点阅读