时间:2021-05-26
前言:
前段时间有一个关于通过获取用户当前经纬度坐标,计算出该用户距离某指定地点之间的距离。因为做这个项目需要能够获取到比较精确的经纬度坐标,刚开始使用的是百度地图结果发现百度地图地位不太准确(有时候相差的比较的大,后来了解到了百度获取用户经纬度与用户当前使用的网络有很大的关系),后来换成了高德地图结果还是一样。最后我想刚好做的是个微信网站项目,为什么不使用微信自带接口呢?所以最后使用了微信JS-SDK来获取用户当前地理位置的接口。
微信JS-SDK的使用步骤,配置信息的生成获取讲解:
关于JS-SDK的使用步骤和timestamp(时间戳),nonceStr(随机串),signature(签名),access_token(接口调用凭据)生成获取的详细说明在此:https:///doc/offiaccount/OA_Web_Apps/JS-SDK.html#35
< 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' success: function(res) { var latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90 var longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。 var speed = res.speed; // 速度,以米/每秒计 var accuracy = res.accuracy; // 位置精度 $("#Longitude").val(longitude); $("#Latitude").val(latitude); alert("微信经纬度获取结果:" + latitude + "经度" + longitude); } }); } catch(e) { console.log(e); }}); < /script>/授权公众号,获取当前地理位置:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本部分需要用到微信的js-sdk,微信js-sdk是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。通过使用微信js-sdk,网页开发者可借助微信高
最近开发微信公众号内嵌H5页面,使用vue搭建的项目,由于业务需求,需要实现微信自定义分享功能,所以项目中集成微信JS-SDK。微信JS-SDK是微信公众平台面
JS-SDK接口是什么?为了方便开发者实现微信内的网页(基于微信浏览器访问的网页)功能,比如拍照、选图、语音、位置等手机系统的能力,并方便开发者直接使用
微信小程序实例-获取当前的地理位置、经纬度微信小程序官方文档https://mp.weixin.qq.com/debug/wxadoc/dev/api/loca
项目中遇到需要选取照片上传的需求,因为网页运行在微信的浏览器里面,所以用微信的js-sdk提供的选取照片功能,来进行项目开发。实际开发中需要用到微信web开发者