微信小程序实现快速精确定位

本文详细介绍了如何在小程序中配置和使用腾讯位置服务,包括注册应用获取APPID和Key,下载并配置SDK,以及如何获取用户位置和进行逆地址解析来实现精确定位。

腾讯位置服务注册

前置需求:拥有一个 APPID(只要你注册了小程序就都会有)
腾讯为每个独立开发者都准备了 10000次/天 的接口调用量,足够我们开发使用了

前往腾讯位置服务官网:https://lbs.qq.com/

注册一个账号


点击 控制台->应用管理->我的应用

在这里插入图片描述

点击创建新的应用,应用名称和应用类型随便选

在这里插入图片描述

为该应用添加一个新的 key
key 名称随便写

同时勾选“webserviceapi”以及“微信小程序”
同时填入我们的 APPID; webserviceapi 默认选择“域名白名单”即可,白名单内什么都不用写

在这里插入图片描述


此时就会获得我们的第一个 key,请复制该 key,后续调用接口的时候需要用到它

在这里插入图片描述


快速测试

配置 SDK

进入此网站下载 SDK:https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview

或者点击顶部菜单栏的 开发文档->微信小程序 JavaScriptSDK 即可来到下载页面

按照官方文档 3、4 步的指引,下载 SDK 以及配置好小程序的合法域名!

在这里插入图片描述


官网给出的建议是,下载的 SDK 放在哪都可以,我在小程序项目的根目录下创建了 api 文件夹,将两个 js 文件都丢了进去


小程序配置

网上许多方法给出的建议都是让我们去小程序后天管理页面,进入到开发管理中的接口设置面板,选择性的申请对应的接口;

这里建议大家优先选择申请 getLocation

事实上,申请与否都不影响当前我们调用腾讯位置服务接口,这里只是为了后续可能会用到的场景打下铺垫

在这里插入图片描述


最关键的一点来了!
打开小程序项目下的 app.json ,我们需要配置如下两个配置项,才可以保证接口正确的调用

scope.userLocation 基于开发者调用地理位置接口的权限
requiredPrivateInfos 在这里配置开发时需要用到的 API 名称,一般开发只会用到 getLocation

"permission": 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ZhillerDev

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值