admin管理员组文章数量:1567750
文章目录
- 一、获取腾讯API的key
- 二、小程序代码编写
- 1.引入前面下载的文件,解压后放入
- 2.代码编写
- 微信开发工具代码片段示例
提示:以下是本篇文章正文内容,下面案例可供参考
一、获取腾讯API的key
腾讯官方文档详细步骤
- 进入腾讯服务官网
- 如果没有账号就注册一个
- 进入控制台,如果没有应用就创造一个
- key的名称最好能让自己以后区分清楚,其他框住需要勾选
- 保存之后就会生成后面需要的key了
- 下载微信小程序JavaScriptSDK1.2,后面需要引用。
- 小程序的安全域名设置,在小程序管理后台 -> 开发 -> 开发管理 -> 开发设置 -> “服务器域名” 中设置request合法域名,添加https://apis.map.qq
二、小程序代码编写
1.引入前面下载的文件,解压后放入
在小程序app.json中填写:
"permission": {
"scope.userLocation": {
"desc": "你的位置信息将用于小程序定位省份"
}
}
2.代码编写
微信开发工具代码片段示例
const app = getApp()
const qqMap = require("../utils/qqmap-wx-jssdk.min")
Page({
data: {
address:''
},
onLoad() {
let that = this
wx.getLocation({
type:'wgs',
success:(result)=>{
console.log(result);
that.getDistinction(result.latitude,result.longitude)
}
})
},
/**调取腾讯地图api,获取用户位置 */
getDistinction(latitude,longitude) {
let that = this
let map = new qqMap({
key: 'WQYBZ-33EKP-BESDH-LSQBR-CVN72-JVFAG'//在腾讯服务建立应用所使用的key
})
map.reverseGeocoder({
location:{
latitude:latitude,
longitude:longitude
},
success:(res)=>{
console.log(res);
that.setData({
address: res.result.address
})
}
})
},
})
后面如果优化则再更新
版权声明:本文标题:小程序使用腾讯API定位的全过程(详细) 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/dongtai/1725785646a1042645.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论