利用谷歌地图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 相关文章推荐
JS实现浏览器菜单命令
Sep 05 Javascript
多个iframe自动调整大小的问题
Sep 18 Javascript
清除网页历史记录,屏蔽后退按钮!
Dec 22 Javascript
jquery动画2.元素坐标动画效果(创建一个图片走廊)
Aug 24 Javascript
jquery修改属性值实例代码(设置属性值)
Jan 06 Javascript
JavaScript对象反射用法实例
Apr 17 Javascript
jQuery实现的导航动画效果(附demo源码)
Apr 01 Javascript
jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)
Apr 18 Javascript
JavaScript 实现 Tab 点击切换实例代码
Mar 25 Javascript
常用的9个JavaScript图表库详解
Dec 19 Javascript
Angular4学习笔记router的简单使用
Mar 30 Javascript
Element InputNumber 计数器的实现示例
Aug 03 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
PHP实现分页的一个示例
2006/10/09 PHP
Discuz! 5.0.0论坛程序中加入一段js代码,让会员点击下载附件前自动弹出提示窗口
2007/04/18 PHP
深入PHP curl参数的详解
2013/06/17 PHP
Php header()函数语法及使用代码
2013/11/04 PHP
如何阻止网站被恶意反向代理访问(防网站镜像)
2014/03/18 PHP
PHP读取并输出XML文件数据的简单实现方法
2017/12/22 PHP
json 入门基础教程 推荐
2009/10/31 Javascript
简单的代码实现jquery定时器
2013/11/17 Javascript
jquery获取css中的选择器(实例讲解)
2013/12/02 Javascript
javascript实现table选中的行以指定颜色高亮显示的方法
2015/05/13 Javascript
javascript中return,return true,return false三者的用法及区别
2015/11/17 Javascript
JavaScript中的跨浏览器事件操作的基本方法整理
2016/05/20 Javascript
深入剖析JavaScript面向对象编程
2016/07/12 Javascript
jQuery实现简单的网页换肤效果示例
2016/09/18 Javascript
对javascript继承的理解
2016/10/11 Javascript
js多个物体运动功能实例分析
2016/12/20 Javascript
node.js实现的装饰者模式示例
2017/09/06 Javascript
用原生 JS 实现 innerHTML 功能实例详解
2019/04/03 Javascript
js 实现 list转换成tree的方法示例(数组到树)
2019/08/18 Javascript
在layui中select更改后生效的方法
2019/09/05 Javascript
解决Element中el-date-picker组件不回填的情况
2020/11/07 Javascript
[06:16]第十四期-国士无双绝地翻盘之撼地神牛
2014/06/24 DOTA
Python编程实现二分法和牛顿迭代法求平方根代码
2017/12/04 Python
Python读取excel中的图片完美解决方法
2018/07/27 Python
朴素贝叶斯Python实例及解析
2018/11/19 Python
详解Django-auth-ldap 配置方法
2018/12/10 Python
Python定义函数功能与用法实例详解
2019/04/08 Python
解决Python3 抓取微信账单信息问题
2019/07/19 Python
解决pycharm不能自动补全第三方库的函数和属性问题
2020/03/12 Python
Python使用jupyter notebook查看ipynb文件过程解析
2020/06/02 Python
Lombok插件安装(IDEA)及配置jar包使用详解
2020/11/04 Python
欧迪办公美国官网:Office Depot
2016/08/22 全球购物
Hoka One One法国官网:美国专业跑鞋品牌
2018/12/29 全球购物
周鸿祎:教你写创业计划书
2013/12/30 职场文书
文艺节目主持词
2015/07/06 职场文书
任命书格式模板
2015/09/22 职场文书