uni小程序计算两地经纬度距离

1、首先要去腾讯位置服务申请一个key

2、开通webserviceAPI服务:控制台 -> key管理 -> 设置(使用该功能的key)-> 勾选webserviceAPI -> 保存

(小程序SDK需要用到webserviceAPI的部分服务,所以使用该功能的KEY需要具备相应的权限)

3、下载微信小程序JavaScriptSDK,微信小程序JavaScriptSDK v1.2

4、安全域名设置,在“设置” -> “开发设置”中设置request合法域名,添加https://apis.map.qq.com

5、接下来在代码中引入你下载的核心文件

		var QQMapWX = require("../../qqmap-wx-jssdk.js");//引入核心sdk文件
		var demo = new QQMapWX({
			key:'你申请的key'
		})

6、然后调用接口中的方法
(传值的时候注意不要写反了)

				demo.calculateDistance({
					//mode: 'driving',//可选值:'driving'(驾车)、'walking'(步行),不填默认:'walking',可不填
					//from参数不填默认当前地址
					//获取表单提交的经纬度并设置from和to参数(示例为string格式)
					//若起点有数据则采用起点坐标,若为空默认当前地址
				    to:this.longitude1 + "," + this.latitude1,
					success: res => {
						console.log(res);
						var res = res.result;
						var dis = [];
						for (var i = 0; i < res.elements.length; i++) {
						    dis.push(res.elements[i].distance); //将返回数据存入dis数组,
						}
						//获得的结果是一个数组,先转为字符串在转为数组
						this.disKM = Number(dis.toString())
						console.log(this.disKM);
						// return false
						
				    fail: function(res) {
				        console.log('失败');
				    }
				});

7、单位为m在这里插入图片描述

你可能感兴趣的:(uni-app)