宝哥软件园

微信小程序实现获取准确腾讯位置地址的功能示例

编辑:宝哥软件园 来源:互联网 时间:2021-08-26

阐述了通过微信小程序获取准确的腾讯位置地址的功能。分享给大家参考,如下:

官方参考文件:https://lbs.qq.com/qqmap_wx_jssdk/index.html

反向地址解析(坐标位置描述)

1.申请开发者密钥和设置

个人使用:登录,点击“密钥管理”,进入设置,选择“WebServiceAPI”,没有小程序ID勾选“授权IP”,有小程序ID勾选“域名白名单”,勾选“微信小程序”,输入授权APPID。https://lbs.qq.com/console/key.html企业使用:登录企业微信微信官方账号,选择“开发”-“开发者工具”,打开“腾讯定位服务”,进入后台管理;点击“密钥管理”,进入设置,勾选要使用的企业名称下的小程序ID,选择“WebServiceAPI”,勾选“域名白名单”。

2.下载微信小程序JavaScriptSDK

3.添加小程序的地理位置描述

如果2019年1月14日起提交发布的新版本没有填写地理位置描述,则不会正常调用地理位置相关界面。请及时填写地理位置描述

相关文档:https://developers . weixin . QQ.com/community/developer/doc/000 ea 276 b 44928 f7e 8d 73 d0a 65 b 801?idescene=6

将以下代码添加到app.json中

权限“: {”范围。用户位置' : {'desc' : '您的位置信息将用于显示小程序位置界面的效果' }}4。JS代码

var QQMapWX=require('./././page/common/SDK/QQ map-wx-jssdk . js’);var qqmapsdk=new QQMapWX({ Key : ' Key ' });console . log(' sign in ')const _ this=this;wx . getlocation({ type : ' gcj 02 ',success : function(RES){ qqmapsdk . reversegeocoder({ location : { latitude : res . latitude,经度: RES .经度}),success : function(address RES){//callback var address=address RES。成功后的结果;console . log(address RES . address)},fail:函数(错误){ console.error(错误);},complete:函数(address RES){ console . log(address RES);}})})成功获取信息的截图

在微信开发者工具上测试时,定位不准确,需要启用“实机调试”,在手机上就能准确获取定位信息。

5.百度地图坐标转换JS

实际应用中发现腾讯地图定位坐标不准确,地址正确,但定位坐标相差甚远。后期在地图上显示时建议使用百度地图,可以在地图上准确显示。

代码写在成功的调用中以获取地址。

var address RES=address RES . result;var x _ pi=3.14159265358979324 * 3000.0/180.0;var x=parseFloat(address RES . location . LNG);var y=parseFloat(address RES . location . lat);var z=math . sqrt(x * x y * y)0.00002 * math . sin(y * x _ pi);var=math . atan 2(y,x)0.000003 * math . cos(x * x _ pi);var LNG=z * math . cos()0.0065;var lat=z * math . sin()0.006;console . log(LNG)console . log(LAT)希望本文所述对微信小程序的设计有所帮助。

更多资讯
游戏推荐
更多+