admin 管理员组文章数量: 1103806
前言： 技术选定
https://lbs.qq/dev/console/custom/apply
具体步骤：
- 注册开发者账号、申请密钥、开通webserviceAPI服务、下载小程序SDK、微信后台配置请求request域名。
（ 请按官方完成以上操作：https://lbs.qq/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview ）
注意点：
下载微信的sdk，考虑网络问题(点击没反应)，直接F12 找到那串地址copy到地址栏，进行回车；
SDK那串地址：( http://3gimg.qq/lightmap/xcx/jssdk/qqmap-wx-jssdk1.2.zip )
微信公众平台中配置request请求域名，注意找对位置及域名直接分号隔开，添加成功后微信开发者工具刷新；
- copy解压后的 qqmap-wx-jssdk.js文件放到项目中，然后在页面引入使用
[ uni-app中我们使用 qqmap-wx-jssdk.js 这个文件就好（另一个.min.js不管）]
3.上代码
1.uni.getLocation方法 负责获取用户所在经纬度；
2.使用腾讯sdk 的reverseGeocoder方法解析经纬度–拿到用户省市区街道信息；
<template>
</template>
<script>
//引入腾旭地图sdk
import QQMapWX from '../../untils/qqmap-wx-jssdk.js'
import app from '../../App.vue'
export default {
data() {
return {
title: 'Hello index'
}
},
onLoad() {
//拿地址
this.getMapAddress();
},
methods: {
getMapAddress() {
const tMap = new QQMapWX({
key: '4DABZ-MTZ2R-PZLW2-WX6FG-W5IXE-APFAF' //开发者密钥
});
//使用 uni.getLocation获取用户所在经纬度
uni.getLocation({
type: 'wgs84',
geocode: true,
success: (res) => {
console.log("获取经纬度成功");
this.latitude = res.latitude;
this.longitude = res.longitude;
},
fail: () => {
console.log("获取经纬度失败");
},
complete: () => {
// 使用腾讯sdk的reverseGeocoder方法 解析经纬度
tMap.reverseGeocoder({
location: {
latitude: this.latitude,
longitude: this.longitude
},
success: function(res) {
console.log("解析地址成功", res);
console.log("当前地址：", res.result.address);
//保存缓存
uni.setStorage({
key:'local',
data:res.result.address,
success() {
console.log("用户地址信息已缓存")
}
})
},
fail: function(res) {
uni.showToast({
title: '定位失败',
duration: 2000,
icon: "none"
})
console.log(res);
},
complete: function(res) { //无论成功失败都会执行
wx.switchTab({
url: '../appointment/appointment'
})
}
})
}
})
}
}
}
</script>
<style>
</style>
点击获取弹框提示信息：
解决方法：
在xhbuilder中的manifest.json文件中添加如下代码：（这里的提示信息，用于微信获取位置弹框中----自定义的描述文字）
"permission" : {
"scope.userLocation" : {
"desc" : "你的位置信息将用于小程序定位" //
}
}
如下图：现在应该知道那串—描述文字的作用了吧。
uni-app中使用腾讯位置服务实现小程序地图选点功能
https://gblfy.blog.csdn/article/details/122266518
版权声明：本文标题：uni-app中使用腾讯地图sdk（解析经纬度）获取用户所在位置信息 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.520sys.cn/xp/1755014743a1456154.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论