<!-- 引入js -->
<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
// 授权获取位置信息
const getLoactionData = () => {
let url = location.href.split('#')[0];
/* 接口查询 config配置 获取公众号js-sdk调取凭证 */
homeApi.wxSignature({ url }).then((res: any) => {
if (res.code == 0) {
/* */
jWeixin.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: res.data.appId, // 必填,公众号的唯一标识
timestamp: res.data.timestamp, // 必填,生成签名的时间戳
nonceStr: res.data.nonceStr, // 必填,生成签名的随机串
signature: res.data.signature,// 必填,签名
jsApiList: ["openLocation", "getLocation"] // 必填,需要使用的JS接口列表
});
// sdk加载完成后执行
jWeixin.ready(() => {
jWeixin.checkJsApi({
jsApiList: [
'getLocation',
],
success: (res: any) => {
console.log("jweixin.ready", res)
if (res.checkResult.getLocation == false) {
console.log('微信版本低')
return;
}
}
});
jWeixin.error((err: any) => {
console.error("接口调取失败", err)
});
// 获取位置
jWeixin.getLocation({
type: 'gcj02',
success: (res: any) => {
longitude.value = res.longitude
latitude.value = res.latitude
console.log('jssdk获取的位置:', res.longitude, res.latitude)
},
cancel: (res: any) => {
console.error("您已禁止获取位置信息")
}
});
})
}
})
}