当前位置:首页 > 新闻动态 > 网站文章

微信小程序定位获取当前地理位置及利用腾讯位置服务获取城市名

来源: 浏览:124 时间:2023-08-04

应项目需求,需要定位用户的当前位置,看了下微信小程序开发文档,wx.getLocation就可以获取当前的地理位置、速度,但是返回的数据只是经纬度,并不是我们想要的位置名称,而且将经纬度展示给用户并不是很友好。

因此我们需要借助别的方法将经纬度转换为真实的位置名称,这里我们会用到腾讯位置服务。

开发步骤:

1.申请开发者密钥(key)https://lbs.qq.com/console/key.html

2.开通webserviceAPI服务:控制台 -> key管理 -> 设置(使用该功能的key)-> 勾选webserviceAPI -> 保存

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

4.安全域名设置,在“设置” -> “开发设置”中设置request合法域名,添加https://apis.map.qq.com

引入 微信小程序JavaScriptSDK,

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

实例化API核心类

var qqmapsdk = new QQMapWX({
 key: 'UNKBZ-Z373V-STPPW-UZW77-JLMQ6-7UFTQ' // 必填
});

调用微信接口

wx.getLocation({
 sucess: function(res) {
 //获取到经纬度
 var latitude = res.latitude
 var longitude = res.longitude
 }
})

调用微信位置服务

qqmapsdk.reverseGeocoder({
 location: {
 latitude: latitude,
 longitude: longitude
 },
 success: function(location) {
 console.log(location)
 //返回真实地理位置
 },
 fail: function(error) {
 }
})

注意一点:必须将https://apis.map.qq.com 添加到微信小程序request合法域名中。

地址 · ADDRESS

地址:建邺区新城科技园嘉陵江东街18号2层

邮箱:309474043@qq.Com

点击查看更多案例

联系 · CALL TEL

400-8793-956

售后专线:025-65016872

业务QQ:309474043    售后QQ:1850555641

©南京安优网络科技有限公司 版权所有   苏ICP备12071769号-4  网站地图