微信小程序 高德地图知道两点求道路_微信小程序——计算2点之间的距离

关于计算2点之间的距离都依赖了腾讯地图,所以请先在

下面具体讲计算2点之间距离的方法。

方法一:

getPosition: function() {var that = this;

wx.getLocation({

success:function(res) {

that.setData({

fromLng: res.longitude,

fromLat: res.latitude

})

}

})

},

2.通过腾讯地图 逆解析 你的目的地地址,获取经度,纬度:

wx.request({

url:'https://apis.map.qq.com/ws/geocoder/v1/',

data: {"key": "你的腾讯地图 key","address": "目的地"},

method:'GET',

success:function(res) {if(res.data.result) {

const addressLocation=res.data.result.location;

const courseLat= addressLocation.lat;//获取目的地的纬度

const courseLng = addressLocation.lng;//获取目的地的经度

}

that.setData({

toLat: courseLat,

toLng:courseLng

})

}

})

3.定义 计算距离的 方法:

getDistance: function(lat1, lng1, lat2, lng2) {

lat1= lat1 || 0;

lng1= lng1 || 0;

lat2= lat2 || 0;

lng2= lng2 || 0;var rad1 = lat1 * Math.PI / 180.0;var rad2 = lat2 * Math.PI / 180.0;var a = rad1 -rad2;var b = lng1 * Math.PI / 180.0 - lng2 * Math.PI / 180.0;var r = 6378137;var distance = r * 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)));returndistance;

}

4.调用该方法:

getDistance(fromLng,fromLat,toLat,toLng)

我需要同时计算多条数据的距离,我发现在遍历返回目的地经纬度的时候,它返回来的结果并不是按照你列表的顺序返回来的,而且有些地址还解析不出来。

不知道是我的写法有问题,还是接口调用的问题。如果哪位大神看到网上有这种示例,麻烦提供一下链接给我,借鉴学习一下~后面我采取的是下面这种方法:

方法二:通过腾讯地图的距离计算接口

1.跟方法一第1步一样,获取用户的接口权限;

2.把 qqmap-wx-jssdk.min.js 加到你小程序;

3.在需要计算距离的js页面引用 qmap-wx-jssdk.min.js ,并实例化该对象:

const QQMapWX = require('../../lib/js/qqmap-wx-jssdk.min.js');varqqmapsdk;

onLoad:function(options) {//实例化API核心类

qqmapsdk = newQQMapWX({

key:'VBXBZ-YVGRW-2Z4RK-O6H27-WEXUT-3ZB2M'});

},

4.先逆解析目的地,再调用

wx.request({

url:'https://apis.map.qq.com/ws/geocoder/v1/',

data: {"key": "你的key","address": "目的地名称"},

method:'GET',

success:function(res) {if(res.data.result) {

const addressLocation=res.data.result.location;

const courseLat=addressLocation.lat;

const courseLng=addressLocation.lng;

let destinationDistance;

qqmapsdk.calculateDistance({

to: [{

latitude: courseLat,

longitude: courseLng

}],

success:function(res) {

destinationDistance= res.result.elements[0].distance;

let distanceKm= `${(destinationDistance/1000).toFixed(2)}Km`;//转换成km

that.setData({

distance: distanceKm

})

},

fail:function(res) {

console.log(res);

}

});

}

}

})

注意腾讯地图的请求限制:

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/334764.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

c语言char指针用法,整理C语言中各种类型指针的特性与用法

2016指针为什么要区分类型:在同一种编译器环境下,一个指针变量所占用的内存空间是固定的。比如,在16位编译器环境 下,任何一个指针变量都只占用8个字节,并不会随所指向变量的类型而改变。虽然所有的指针都只占8个字节,但不同类型的变量却占不同的字节数。一个int占用…

java message_Java Message System简介

java messageJava消息系统 在本文中,我将讨论面向消息的中间件 (MOM)以及JMS如何在Enterprise Java中实现它。 此外,我还将讨论适合JMS使用的典型用例以及用于讨论消息传递解决方案的不同术语,例如Publisher / Sender …

c语言小游戏 精简_一个简易的贪吃蛇小游戏C语言源码

/**程序名称:贪吃蛇v2.1*程序描述:一个简易的贪吃蛇小游戏*版本信息:v2.1*v1.1版本更新:1:加入菜单选择项*v1.2版本更新:1:修复菜单选择bug*v1.3班本更新:1:加入难度选择…

IntelliJ IDEA for Mac 如何设置 tab 键为 4 个空格?

使用快捷键 Command , 打开偏好设置窗口如下所示: 设置好以后,可以按 Option Command L 整理格式,然后选中缩进的部分,如果能选中缩进的部分,证明是空格: 如果不想整理格式,还可以用 edit…

gc垃圾收集器 与gc算法_GC解释:收集器概述

gc垃圾收集器 与gc算法当前版本的HotSpot JVM包括三种类型的垃圾收集器: –串行收集器 –并行收集器 –多数同时收集者 它们都是世代的,这意味着它们利用了堆的划分方式 。 垃圾收集器负责三个主要操作: –查找不再使用的对象 –释放这…

安兔兔跑分可信吗_安兔兔安卓手机跑分性能榜公布:第一名实至名归?

3月5日消息,安兔兔官方放出了2019年2月份国内安卓手机的性能跑分排行榜。从榜单中我们可以看到排名前三的分别是:小米9、联想Z5 Pro GT 855版、红魔Mars电竞手机。不出所料,前三名都是高通平台的旗舰Soc,骁龙855和骁龙845。骁龙85…

c语言sort函数排序二维数组,c++ - 如何使用stl sort函数根据第二列对二维数组进行排序? - 堆栈内存溢出...

stl排序要求迭代器的rvalue作为参数传递。 如果你想使用sort函数,你必须在c 11中编译并使用数组stl来存储数组。 代码如下#include "bits/stdc.h"using namespace std;bool compare( array a, array b){return a[0]}int main(){int i,j;array, 5> ar1…

IntelliJ IDEA for Mac 类和方法注释模板设置

文章目录类注释模板设置使用 File and Code Templates方法 1:直接在编辑区编写模板代码方法 2:使用 parse 指令来引用注释模板使用 Live Templates方法注释模板设置注意事项解决注释模板无法获取参数名和返回值类型的问题类注释模板设置 使用 File and …

java streams_使用JShell的Java 9 Streams API

java streams这篇文章着眼于使用JShell的Java 9 Streams API。 Streams API的更改以Java 8中Streams的成功为基础,并引入了许多实用程序方法– takeWhile,dropWhile和iterate。 这篇文章延续了My Top Java 9功能,并使用Jshell探索了这些方法。…

c语言中dfs用pos做参数,LeetCode算法练习——深度优先搜索 DFS(2)

更多干货就在我的个人博客 BlackBlog.tech 欢迎关注!也可以关注我的csdn博客:黑哥的博客谢谢大家!我们继续LeetCode之旅.做了一段时间的LeetCode,感觉还是不错的。算法很基础,没有特别难的(至少我看在做的)&#xff0c…

机试题型_2020年焊工(技师)新版试题及焊工(技师)试题及答案

题库来源:安全生产模拟考试一点通公众号小程序2020年焊工(技师)新版试题及焊工(技师)试题及答案,包含焊工(技师)新版试题答案和解析及焊工(技师)试题及答案练习。由安全生产模拟考试一点通公众号结合国家焊工(技师)考试最新大纲及焊工(技师)考试真题汇总…

Eclipse 如何修改默认工作空间和切换工作空间(Workspace)

文章目录如何关闭/开启 Eclipse Launcher 弹窗提示通过配置文件设置通过 IDE 的偏好设置如何修改 Eclipse 默认的工作空间和切换工作空间通过配置文件修改通过 Eclipse Launcher 窗口修改通过菜单来切换工作空间如何关闭/开启 Eclipse Launcher 弹窗提示 通过配置文件设置 ec…

hashmap java_Java – HashMap详细说明

hashmap javaHashMap基于哈希算法工作,根据Java文档HashMap具有以下四个构造函数, 建设者 描述 HashMap ​() 构造一个空的 具有默认初始容量(16)和默认加载因子(0.75)的HashMap 。 HashMap ​(int i…

Tomcat 的目录结构

bin:存放的是可执行文件,比如启动和关闭服务器的一些脚本命令 conf:存放的是 Tomcat 服务器的各种全局配置文件,其中包括 server.xml(Tomcat的主要配置文件)、tomcat-users.xml 和 web.xml 等配置文件 li…

广州电子厂房净化工程_简述设计电子车间净化工程的注意要点

在电子车间净化工程的设计、安装、选择净化设备与彩钢夹芯板的时候有哪些需要注意的要点呢?这些看起来不太重要的细节,却往往大大的影响了电子净化车间的净化效率与洁净度。而且这些注意要点,不仅在电子净化车间中适用,在食品加工厂、制药净…

C语言循环结构素数判断,C语言实验之判断素数(循环结构java)方法讲解

C语言实验之判断素数(循环结构java)方法讲解Problem Description从键盘上输入任意一个正整数&#xff0c;然后判断该数是否为素数。如果是素数则输出"This is a prime."否则输出“This is not a prime.”Input输入任意一个正整数n(1 < n < 1000000)。Output判断…

使用log4j记录日志_使用log4j2免费分配日志记录

使用log4j记录日志介绍 最近&#xff0c;我正在为一个客户端工作&#xff0c;试图为大型精心制作的Java系统消除一些GC暂停。 经过分析后&#xff0c;我意识到大部分垃圾都是通过日志记录产生的&#xff01; 是否有一种简单的方法来删除所有分配&#xff1f; 原来有:) 我应该使…

Java Web工程结构_项目结构

文章目录Eclipse 的 Java Web 工程目录结构IDE 的目录结构截图本地的工作空间&#xff08;Workspace&#xff09;中的目录结构目录说明Eclipse 的 Java 工程目录结构IDE 的目录结构截图本地的工作空间中的工程目录MyEclipse 的 Java Web 工程目录结构IDE 目录结构截图本地的工作…

一天发多少短信会封号_枸杞一天吃多少?吃多了会怎样?黑枸杞红枸杞哪个好?...

●枸杞一天吃多少&#xff1f;其实枸杞作为一种滋补品&#xff0c;不适合过多的使用&#xff0c;因为那样反而会造成反作用和不良影响&#xff0c;健康的成年人每天吃20克左右就合适了&#xff0c;这样对一些疾病的治疗&#xff0c;才可以发挥更好的效果。如果是用枸杞子泡水喝…

c语言线程传int值,如何用C语言实现多线程

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼Windows操作系统&#xff0c;C语言实现多线程&#xff1a;#include #include DWORD APIENTRY ThreadOne ( LPVOID threadArg ){printf ( "线程开始啦&#xff0c;参数是&#xff1a;%s\n" , (char *)threadArg );return …