Net微信网页开发 使用微信JS-SDK获取当前地理位置
网络编程 2021-07-04 15:51www.168986.cn编程入门
这篇文章主要介绍了Net微信网页开发 使用微信JS-SDK获取当前地理位置过程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
前言
前段时间有一个关于通过获取用户当前经纬度坐标,计算出该用户距离某指定地点之间的距离。因为做这个项目需要能够获取到比较精确的经纬度坐标,刚开始使用的是百度地图结果发现百度地图地位不太准确(有时候相差的比较的大,后来了解到了百度获取用户经纬度与用户当前使用的网络有很大的关系),后来换成了高德地图结果还是一样。我想刚好做的是个微信网站项目,为什么不使用微信自带接口呢?所以使用了微信JS-SDK来获取用户当前地理位置的接口。
微信JS-SDK的使用步骤,配置信息的生成获取讲解
关于JS-SDK的使用步骤和timestamp(时间戳),nonceStr(随机串),signature(签名),aess_token(接口调用凭据)生成获取的详细说明在此
前往微信公众平台查看是否开通获取用户地理位置接口权限
调用微信JS-SDK获取地理位置接口,获取用户当前准确经纬度坐标
微信官方文档使用说明
< script type = "text/javascript" > //通过config接口注入权限验证配置 wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: 'your AppId', // 必填,公众号的唯一标识 timestamp: 'your timestamp', // 必填,生成签名的时间戳 nonceStr: 'your nonceStr', // 必填,生成签名的随机串 signature: 'your signature', // 必填,签名 jsApiList: ['getLocation'] // 必填,需要使用的JS接口列表 }); //注意,我们的经纬度坐标是要在页面加载完成后立即获取,不需要触发获取,需要把获取地理位置的接口放在ready(function(){});里面 wx.ready(function() { try { wx.getLocation({ type: 'wgs84', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02' suess: function(res) { var latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90 var longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。 var speed = res.speed; // 速度,以米/每秒计 var auracy = res.auracy; // 位置精度 $("#Longitude").val(longitude); $("#Latitude").val(latitude); alert("微信经纬度获取结果" + latitude + "经度" + longitude); } }); } catch(e) { console.log(e); } }); < /script>/
授权公众号,获取当前地理位置
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持狼蚁SEO
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程