利用谷歌地图API获取点与点的距离的js代码


Posted in Javascript onOctober 11, 2012
var request; 
var distanceArray = []; 
function getdistance() { 
distanceArray = []; 
var directionsService = new google.maps.DirectionsService(); 
for (var a = 0; a < pointsArray.length; a++) { 
for (var b = 0; b < pointsArray.length; b++) { 
if (a != b) { 
request = null; 
request = { 
origin: pointsArray[a], 
destination: pointsArray[b], 
travelMode: google.maps.DirectionsTravelMode.DRIVING, 
unitSystem: google.maps.DirectionsUnitSystem.METRIC 
}; 
directionsService.route(request, function (response, status) { 
if (status == google.maps.DirectionsStatus.OK) { 
var myRoute = response.routes[0].legs[0].distance.value; //路线长度 
distanceArray.push(myRoute); 
} 
}); 
} 
} 
} 
}

有一个问题想与大家交流一下,利用谷歌地图API获取批量的点点之间的距离时,如何保证自己得到的距离信息是有序的?

比如:有pointsArray[]中有a,b,c三个点的数据,我怎么才能按序得到[a,b],[a,c],[b,a],[b,c],[c,a],[c,b]的距离信息。

在上面的代码中,所有a!=b的距离都是一次性传给directionsService.route进行求解的,也就是说,外围的FOR循环控制对其没有用。所以想依靠FOR循环一个一个按序获得距离的期望失败了。但是如果在其中加入调试,一步一步控制其循环求解的过程,却能得出有序距离数组。不得其解啊!

Javascript 相关文章推荐
javascript XML数据显示为HTML一例
Dec 23 Javascript
JQuery的Alert消息框插件使用介绍
Oct 09 Javascript
JavaScript全局函数使用简单说明
Mar 11 Javascript
jQuery 淡出一个图像到另一个图像的实现代码
Jun 12 Javascript
JS JQUERY实现滚动条自动滚到底的方法
Jan 09 Javascript
js判断手机浏览器操作系统和微信浏览器的方法
Apr 30 Javascript
JQ选择器_选择同类元素的第N个子元素的实现方法
Sep 08 Javascript
微信小程序 scroll-view实现上拉加载与下拉刷新的实例
Jan 21 Javascript
vue.js 使用axios实现下载功能的示例
Mar 05 Javascript
vue中实现先请求数据再渲染dom分享
Mar 17 Javascript
vue中使用极验验证码的方法(附demo)
Dec 04 Javascript
通过JS判断网页是否为手机打开
Oct 28 Javascript
关于JS控制代码暂停的实现方法分享
Oct 11 #Javascript
JS判断页面加载状态以及添加遮罩和缓冲动画的代码
Oct 11 #Javascript
js函数的延迟加载实现代码
Oct 11 #Javascript
javascript中方便增删改cookie的一个类
Oct 11 #Javascript
js事件(Event)知识整理
Oct 11 #Javascript
JavaScript高级程序设计(第3版)学习笔记13 ECMAScript5新特性
Oct 11 #Javascript
JavaScript高级程序设计(第3版)学习笔记12 js正则表达式
Oct 11 #Javascript
You might like
浅析Dos下运行php.exe,出现没有找到php_mbstring.dll 错误的解决方法
2013/06/29 PHP
phpmyadmin中禁止外网使用的方法
2014/11/04 PHP
PHP编程求最大公约数与最小公倍数的方法示例
2017/05/29 PHP
浅析jQuery1.8的几个小变化
2013/12/10 Javascript
jsp网页搜索结果中实现选中一行使其高亮
2014/02/17 Javascript
JS实现单击输入框弹出选择框效果完整实例
2015/12/14 Javascript
jQuery实例—选项卡的简单实现(js源码和jQuery)
2016/06/14 Javascript
全面了解JavaScript对象进阶
2016/07/19 Javascript
利用浮层使select不可选的实现方法
2016/12/03 Javascript
详解bootstrap用dropdown-menu实现上下文菜单
2017/09/22 Javascript
详解VUE-地区选择器(V-Distpicker)组件使用心得
2018/05/07 Javascript
序列化模块json代码实例详解
2020/03/03 Javascript
vue项目中自定义video视频控制条的实现代码
2020/04/26 Javascript
[09:13]2014DOTA2国际邀请赛 中国区预选赛coser表演
2014/05/23 DOTA
[04:02]2014DOTA2国际邀请赛 BBC每日综述中国战队将再度登顶
2014/07/21 DOTA
[59:07]海涛为你详解DOTA2新版本“贤哲秘契”
2014/11/22 DOTA
Python入门篇之对象类型
2014/10/17 Python
python下实现二叉堆以及堆排序的示例
2017/09/29 Python
python pandas库的安装和创建
2019/01/10 Python
基于TensorBoard中graph模块图结构分析
2020/02/15 Python
Python图像处理库PIL中图像格式转换的实现
2020/02/26 Python
Python3.x+pyqtgraph实现数据可视化教程
2020/03/14 Python
关于jupyter打开之后不能直接跳转到浏览器的解决方式
2020/04/13 Python
python转化excel数字日期为标准日期操作
2020/07/14 Python
Pycharm同步远程服务器调试的方法步骤
2020/11/04 Python
css3 column实现卡片瀑布流布局的示例代码
2018/06/22 HTML / CSS
夏威夷灵感服装及配饰:Reyn Spooner
2018/09/18 全球购物
Interrail法国:乘火车探索欧洲,最受欢迎的欧洲铁路通票
2019/08/27 全球购物
中介公司区域经理岗位职责范本
2014/03/02 职场文书
培训科主任岗位职责
2014/08/08 职场文书
大一新生期末自我评价
2014/09/12 职场文书
个人作风建设心得体会
2014/10/22 职场文书
项目投资意向书范本
2015/05/09 职场文书
学习《中小学教师职业道德规范》心得体会
2016/01/18 职场文书
Python打包exe时各种异常处理方案总结
2021/05/18 Python
Tensorflow与RNN、双向LSTM等的踩坑记录及解决
2021/05/31 Python