利用谷歌地图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语法着色引擎(demo及打包文件下载)
Jun 13 Javascript
使用dynatrace-ajax跟踪JavaScript的性能
Apr 12 Javascript
EditPlus注册码生成器(js代码实现)
Mar 25 Javascript
jQuery对下拉框,单选框,多选框的操作
Feb 21 Javascript
利用JavaScript检测CPU使用率自己写的
Mar 22 Javascript
基于jQuery实现多层次的手风琴效果附源码
Sep 21 Javascript
jQuery Mobile 触摸事件实例
Jun 04 Javascript
ES6实现的遍历目录函数示例
Apr 07 Javascript
node之本地服务器图片上传的方法示例
Mar 26 Javascript
原生JS与CSS实现软件卸载对话框功能
Dec 05 Javascript
JS eval代码快速解密实例解析
Apr 23 Javascript
vue + el-form 实现的多层循环表单验证
Nov 25 Vue.js
关于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模板引擎SMARTY
2006/10/09 PHP
php模拟登陆的实现方法分析
2015/01/09 PHP
Joomla简单判断用户是否登录的方法
2016/05/04 PHP
cssQuery()的下载与使用方法
2007/01/12 Javascript
JavaScript脚本性能优化注意事项
2008/11/18 Javascript
放弃用你的InnerHTML来输出HTML吧 jQuery Tmpl不详细讲解
2013/04/20 Javascript
JQuery获取样式中的background-color颜色值的问题
2013/08/20 Javascript
几种设置表单元素中文本输入框不可编辑的方法总结
2013/11/25 Javascript
jquery实现checkbox全选全不选的简单实例
2013/12/31 Javascript
JavaScript编程中的Promise使用大全
2015/07/28 Javascript
浅析JS中对函数function的理解(基础篇)
2016/10/14 Javascript
angular-cli修改端口号【angular2】
2017/04/19 Javascript
使用Xcache缓存器加速PHP网站的配置方法
2017/04/22 Javascript
使用JavaScript根据图片获取条形码的方法
2017/07/04 Javascript
vue移动端微信授权登录插件封装的实例
2018/08/28 Javascript
Antd的table组件表格的序号自增操作
2020/10/27 Javascript
跟老齐学Python之开始真正编程
2014/09/12 Python
python3简单实现微信爬虫
2015/04/09 Python
Python中处理字符串之endswith()方法的使用简介
2015/05/18 Python
详解tensorflow训练自己的数据集实现CNN图像分类
2018/02/07 Python
详解Anconda环境下载python包的教程(图形界面+命令行+pycharm安装)
2019/11/11 Python
关于Python turtle库使用时坐标的确定方法
2020/03/19 Python
python中threading开启关闭线程操作
2020/05/02 Python
英国Boots旗下太阳镜网站:Boots Designer Sunglasses
2018/07/07 全球购物
德国最新街头服饰网上商店:BODYCHECK
2019/09/15 全球购物
英国伦敦的睡衣品牌:Asceno
2019/10/06 全球购物
英国发展最快的在线超市之一:Click Marketplace
2021/02/15 全球购物
八皇后问题,输出了所有情况,不过有些结果只是旋转了90度
2016/08/15 面试题
法警的竞聘演讲稿
2014/01/02 职场文书
高中军训感言200字
2014/02/23 职场文书
《孔子拜师》教学反思
2014/02/24 职场文书
西湖英语导游词
2015/02/06 职场文书
暑期实践个人总结
2015/03/06 职场文书
计划生育工作总结2015
2015/04/03 职场文书
公司处罚决定书
2015/06/24 职场文书
用Python远程登陆服务器的步骤
2021/04/16 Python