uni-app获取当前位置并计算出某个地点距离

实现思路：先通过 uni.getLocation 接口获取当前位置获取当前位置，再与点击经纬度进行计算得出相差距离。

1.获取当前位置

需要先在manifest.json配置文件开启获取位置权限

//获取当前位置getLocation() {let location = {lat: 0,lng: 0,}return new Promise((reserve, reject) => {//因为获取位置是异步接口所以需要使用promiseuni.getLocation({success(res) {location.lat = res.latitudelocation.lng = res.longitude,reserve(location);},fail(err) {reject(location );//获取失败则返回经纬坐标为0}})})},

2.调用获取位置方法，计算距离

         //根据金纬度计算距离distance(lat1, lng1) {var that = this;console.log('计算地点经纬度：', lat1, lng1);this.$utils.getLocation().then((res) => {console.log('我的位置：', location);let lat2 = res.lat;let lng2 = res.lng;let rad1 = lat1 * Math.PI / 180.0;let rad2 = lat2 * Math.PI / 180.0;let a = rad1 - rad2;let b = lng1 * Math.PI / 180.0 - lng2 * Math.PI / 180.0;let s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(rad1) * Math.cos(rad2) * Math.pow(Math.sin(b / 2), 2)));s = s * 6378.137;s = Math.round(s * 10000) / 10000;s = s.toString();s = s.substring(0, s.indexOf('.') + 2);console.log('距离：', s);return s;//返回距离});},

效果图

uni-app获取当前位置并计算出某个地点距离相关推荐

uni app(H5)中软键盘弹出,固定定位绝对定位元素位置发生错乱
一.问题如下最近用uni app写项目,发现H5软键盘弹起,导致我固定定位的按钮被顶了上去,如图二.解决方法 1.让其在输入框获取焦点时隐藏百度了许多,有让输入框获取焦点时让按钮隐藏的方法,失去 ...
计算两个经纬度之间的距离软件_小程序使用腾讯位置服务计算两地之间的距离（有源码）...
背景: 在最近的小程序开发中,需要计算当前位置到目标位置之间的距离.背靠"腾讯爸爸",没有理由不使用腾讯的位置服务啊!趁着周末把使用方式整理一下,还写了一个demo,和大家分享一下 ...
uni-app微信小程序uni.getLocation获取位置；authorize scope.userLocation需要在app.json中声明permission；小程序用户拒绝授权后重新授权
需求:点击按钮获取当前微信位置,以及点击拒绝授权后,下次点击还可以拉起授权窗口: 拒绝授权后重新拉起授权操作: 直接授权操作: 一.问题1:报authorize scope.userLocation需 ...
vant 验证手机号_【uni app】vant weapp的引入和部分详细调用（表单输入框、验证码、弹出层搭配选择器、地图）...
本次小程序的开发使用uni app+vant weapp,vant weapp如何引用和部分组件使用方法如下引入在github(https://github.com/youzan/vant-wea ...
uni.getLocation获取位置失败
uni.getLocation获取位置失败真机调试,如果编码正确,手机也打开了定位,key也设置了,那就有可能是微信小程序权限配置的位置接口没有勾选上.
约瑟夫环问题有10(100人或者n个)个人围成一圈，从第一个人开始报数（报1、2、3），只要报3的人就出去，然后不停的循环报数，直到最后剩下一个人，计算出这个人最开始的位置。
有10(100人或者n个)个人围成一圈,从第一个人开始报数(报1.2.3),只要报3的人就出去, 然后不停的循环报数,直到最后剩下一个人,计算出这个人最开始的位置.其实就是约瑟夫环问题新手小白,多多 ...
解决调用uni.getLocation获取位置信息，微信高版本用户无法获取位置信息问题
项目场景: 公司的业务需要涉及到获取用户位置信息,一开始我使用了uni.getLocation来获取用户的位置信息,根据官网api介绍来看只需要调用uni.getLocation方法就能获取位置信息, ...
地图篇-01.获取用户位置
地图篇-01.获取用户位置今天把地图整理了一下,共享出来和大家一起分享,希望帮助到不了解的朋友,当然很精通的朋友希望指正小生的不足. 1.说到地图,首先要接触一个framework -CoreLoc ...
android获取当前位置经纬度,Android中通过GPS或NetWork获取当前位置的经纬度
今天在Android项目中要实现一个通过GPS或NetWork来获取当前移动终端设备的经纬度功能.要实现该功能要用到Android Framework 中的 LocationManager 类.下面我 ...

uni-app获取当前位置并计算出某个地点距离

1.获取当前位置

2.调用获取位置方法，计算距离

uni-app获取当前位置并计算出某个地点距离相关推荐

最新文章

热门文章