网微信网页开发使用微信JS-SDK获取当前地理位置流程的详细说明

前言：

前段时间有一个关于通过获取用户当前的经纬度坐标来计算用户到指定地点的距离的问题。因为这个项目需要能够获得更准确的经纬度坐标，一开始用的是百度地图，发现百度地图的位置不是很准确(有时候差别挺大的，后来才知道百度获取用户经纬度跟用户目前使用的网络有很大关系)，后来改成了高德地图，结果还是一样。最后我觉得正好是一个微信网站项目。为什么不用微信自己的界面？因此，我们最终使用微信JS-SDK来获取用户当前地理位置的界面。

说明微信JS-SDK的使用步骤以及配置信息的生成和获取：

这里详细描述了JS-SDK的使用步骤以及时间戳、nonceStr、签名和access_token的生成和获取：https://www.cnblogs.com/Can-daydayup/p/11124092.html

去微信公众平台看看是否启用了用户地理位置界面的访问：

调用微信JS-SDK获取地理位置界面，获取用户当前准确的经纬度坐标：

微信官方文档说明：https://developers.weixin.qq.com/doc/offiaccount/OA _ web _ apps/js-SDK . html # 35

脚本类型='text/javascript' //通过config接口注入权限验证配置wx . config({ debug 3360 false，//开启调试模式，所有调用的API的返回值都会在客户端告警上发出。要查看传入的参数，可以在pc端打开，参数信息会通过log打印出来，只打印在pc端。AppId: '您的AppId '，//必选，微信官方账号唯一标识符Timestamp : '您的时间戳'，//必选，timestamp nonceStr: '您的nonceStr '，//必选。生成随机签名字符串signature: '您的签名'，//必选，签名jsaplist :[' get location ']//必选，要使用的JS接口列表})；//注意我们的经纬度坐标要在页面加载后立即采集，不需要触发采集，所以我们需要把采集地理位置的界面放在ready(function(){})中；wx . ready(function(){ try { wx . getlocation({ type : ' wgs84 '，//默认为WGS 84的gps坐标。如果想直接为openLocation返回火星坐标，可以传入‘gcj 02’success 3360函数(RES){ varlation=RES . latitude；//纬度，浮点数，范围从90 ~-90 var经度=res .经度；//经度，浮点数，范围从180到-180。变化速度=静止速度；//速度，单位为米每秒。var精度=res .精度；//位置精度$(' #经度')。val(经度)；$('#Latitude ')。纬度；Alert('微信经纬度得到结果：'纬度'经度'经度)；} });} catch(e){ console . log(e)；}});/script/授权微信官方账号获取当前地理位置：

以上就是本文的全部内容。希望对大家的学习有帮助，希望大家多多支持我们。