uni-app开发微信小程序获取位置信息并且计算距离

一、uniapp项目

打开uniapp项目的配置文件manifest.json，选择“源码视图”。

/* 小程序特有相关 */
"mp-weixin": {"appid": "你的开发者id","setting": {"urlCheck": true,"es6": true,"postcss": true,"minified": true},"usingComponents": true,"permission": {"scope.userLocation": {"desc": "你的位置信息将用于小程序位置接口的效果展示"}},"requiredPrivateInfos": ["getLocation", "chooseLocation"]
},

二、微信公众平台，如何开通其对应的定位接口？

打开微信公众平台，左侧菜单【开发】- 【开发管理】- 【接口设置】，去开通你需要的接口即可。

申请方法：

1、上传本项目需要获取定位的页面截图；

2、填写获取定位的目的；

三、在需要使用的地方填写获取位置的代码

uni.getLocation({type: 'wgs84',success: function (res) {console.log('当前位置的经度：' + res.longitude);console.log('当前位置的纬度：' + res.latitude);},fail:function(err){console.log('uni.getLocation',err)}});

四、计算距离的方法实现

//计算距离的方法实现
function rad(d) {return d * Math.PI / 180.0;
}// 根据经纬度计算距离，参数分别为第一点的纬度，经度；第二点的纬度，经度
function getDistances(lat1, lng1, lat2, lng2) {var radLat1 = rad(lat1);var radLat2 = rad(lat2);var a = radLat1 - radLat2;var b = rad(lng1) - rad(lng2);var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) +Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b / 2), 2)));s = s * 6378.137; // EARTH_RADIUS;// 输出为公里s = Math.round(s * 10000) / 10000;var distance = s;var distance_str = "";if (parseInt(distance) >= 1) {// distance_str = distance.toFixed(1) + "km";distance_str = distance.toFixed(2) + "km";} else {// distance_str = distance * 1000 + "m";distance_str = (distance * 1000).toFixed(2) + "m";}//s=s.toFixed(4);// console.info('距离是', s);// console.info('距离是', distance_str);// return s;//小小修改，这里返回对象let objData = {distance: distance,distance_str: distance_str}return objData
}

uni-app开发微信小程序获取位置信息并且计算距离相关推荐

uni-app 微信小程序获取位置信息提示“getLocation 需要在 app.json 中申明 permission 字段”
本文同步发布在:uni-app 微信小程序获取位置信息提示"getLocation 需要在 app.json 中申明 permission 字段我们在用 uni-app 开发微信小程序时, ...
uni app 开发微信小程序及上线体验
uni app 开发微信小程序及上线体验项目创建及微信小程序AppId的申请本次开发的是电商类的微信小程序,这里用到的是HBuilderX这个编辑器.之前用的Visual Studio Code ...
记录uni.app开发微信小程序中地图的使用,以及项目中的解决办法
标题先讲一下需求:需要获取用户的地址信息以及经纬度,并在地图中展示时出来 uniapp官方也提供了api uni.getLocation(OBJECT) getLocation只能获取用户的经纬度,不 ...
uni-app写微信小程序获取位置信息
1.调用api获取自身经纬度 uni.getLocation({type: 'gcj02',//腾讯地图使用gcj02获取位置坐标success: function (res) {console.lo ...
微信小程序获取用户信息（纯前端）
特别说明 2022年10月25日起,小程序 wx.getUserProfile 接口将被收回. 微信官方不希望开发者直接拿用户的昵称和头像,若小程序需要设置昵称和头像,可以单独开发一个设置页,由用户手 ...
微信小程序获取用户信息
微信小程序获取用户信息微信小程序获取用户信息接口做了调整: 2021年4月28日24时后发布的小程序新版本,无法通过wx.getUserInfo与获取用户个人信息(头像.昵称.性别与地区),将直接获 ...
微信小程序获取用户信息流程（2022年版）
开门见山地说,本文主要讲述微信小程序在2022年以后获取用户信息的主要方法,如果想要了解2022年之前微信小程序获取用户信息的相关知识或者是微信小程序之前这部分的设计思想的话,推荐博主的下面这篇博客 ...
微信小程序获取用户信息并保存登录状态
微信小程序获取用户信息并保存登录状态:http://www.360doc.com/content/18/0124/11/9200790_724662071.shtml 转载于:https://www ...
微信小程序获取用户信息-头像、昵称......
微信小程序获取用户信息-头像.昵称等,并出现弹窗提示授权目录微信小程序获取用户信息-头像.昵称等,并出现弹窗提示授权 1.wx.getUserProfile文档 2.代码演示 3.演示过程(图示) ...

uni-app开发微信小程序获取位置信息并且计算距离

uni-app开发微信小程序获取位置信息并且计算距离相关推荐

最新文章

热门文章