利用谷歌地图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 相关文章推荐
url地址自动加#号问题说明
Aug 21 Javascript
jQuery-Easyui 1.2 实现多层菜单效果的代码
Jan 13 Javascript
jquery插件珍藏(图片局部放大/信息提示框)
Jan 08 Javascript
判断在css加载完毕后执行后续代码示例
Sep 03 Javascript
jQuery不兼容input的change事件问题解决过程
Dec 05 Javascript
javaScript的函数对象的声明详解
Feb 06 Javascript
深入浅析AngularJS和DataModel
Feb 16 Javascript
JS中利用swiper实现3d翻转幻灯片实例代码
Aug 25 Javascript
快速解决angularJS中用post方法时后台拿不到值的问题
Aug 14 Javascript
工作中常用到的ES6语法
Sep 04 Javascript
微信小程序 数据缓存实现方法详解
Aug 26 Javascript
Vue 自适应高度表格的实现方法
May 13 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
咖啡豆分级制度 咖啡豆等级分类 咖啡豆是按口感分类的吗?
2021/03/05 新手入门
使用PHP数组实现无限分类,不使用数据库,不使用递归.
2006/12/09 PHP
php+mysql 实现身份验证代码
2010/03/24 PHP
php开发文档 会员收费1期
2012/08/14 PHP
解密ThinkPHP3.1.2版本之独立分组功能应用
2014/06/19 PHP
PHP清除字符串中所有无用标签的方法
2014/12/01 PHP
PHP类和对象相关系统函数与运算符小结
2016/09/28 PHP
JavaScript 对象、函数和继承
2009/07/07 Javascript
关于 文本框默认值 的操作js代码
2012/01/12 Javascript
JavaScript instanceof 的使用方法示例介绍
2013/10/23 Javascript
javascript设计模式之工厂模式示例讲解
2014/03/04 Javascript
JavaScript对象之深度克隆介绍
2014/12/08 Javascript
详解JavaScript操作HTML DOM的基本方式
2015/10/21 Javascript
js获取时间精确到秒(年月日)
2016/03/16 Javascript
基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法
2016/05/10 Javascript
AngularJS模块详解及示例代码
2016/08/17 Javascript
Nodejs下DNS缓存问题浅析
2016/11/16 NodeJs
vue复合组件实现注册表单功能
2017/11/06 Javascript
JS中使用textPath实现线条上的文字
2017/12/25 Javascript
vue 虚拟dom的patch源码分析
2018/03/01 Javascript
create-react-app 修改为多入口编译的方法
2018/08/01 Javascript
微信小程序 MinUI组件库系列之badge徽章组件示例
2018/08/20 Javascript
laydate只显示时分 不显示秒的功能实现方法
2019/09/28 Javascript
python操作MySQL数据库具体方法
2013/10/28 Python
Python实现全角半角字符互转的方法
2016/11/28 Python
django使用html模板减少代码代码解析
2017/12/12 Python
Python使用pickle模块存储数据报错解决示例代码
2018/01/26 Python
Python学习笔记之文件的读写操作实例分析
2019/08/07 Python
给大家整理了19个pythonic的编程习惯(小结)
2019/09/25 Python
基于TensorFlow的CNN实现Mnist手写数字识别
2020/06/17 Python
Python使用pickle进行序列化和反序列化的示例代码
2020/09/22 Python
python实现数据结构中双向循环链表操作的示例
2020/10/09 Python
elf彩妆英国官网:e.l.f. Cosmetics英国(美国平价彩妆品牌)
2017/11/02 全球购物
2015年全国爱眼日活动方案
2015/05/05 职场文书
2015年学校党建工作总结
2015/05/19 职场文书
Python机器学习之底层实现KNN
2021/06/20 Python