Javascript计算两个marker之间的距离(Google Map V3)


Posted in Javascript onApril 26, 2013

Google Map V3 javascript计算两个marker之间的距离
做地图开发,最常用到的就是marker一些操作和交互。简单介绍一下,两个marker之间的距离计算。
google map api 很方便的 只要是常用的 基本上都有接口。
1.创建两个marker点

var oldMarker = new google.maps.Marker({ 
position: new google.maps.LatLng("31.95678", "177.898673"), 
map: map, 
title:"old" 
}); 
var newMarker = new google.maps.Marker({ 
position: new google.maps.LatLng("31.45678", "177.098673"), 
map: map, 
title:"new" 
});

2.加载geometry库
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=geometry"></script>

说明:libraries=geometry
3.计算距离
var meters = google.maps.geometry.spherical.computeDistanceBetween(oldMarker.getPosition(), newMarker.getPosition()); 
document.getElementById("distance").innerText = meters+"米";

说明:单位是米
oldMarker.getPosition() 获取oldmarker的当前位置(经纬度)
Javascript 相关文章推荐
微博@符号的用户名提示效果。(想@到谁?)
Nov 05 Javascript
JS实现悬浮移动窗口(悬浮广告)的特效
Mar 12 Javascript
jQuery Mobile的loading对话框显示/隐藏方法分享
Nov 26 Javascript
document.forms[].submit()使用介绍
Feb 19 Javascript
在JS数组特定索引处指定位置插入元素的技巧
Aug 24 Javascript
在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南
Dec 29 Javascript
AngularJS中的Directive自定义一个表格
Jan 25 Javascript
简单理解vue中实例属性vm.$els
Dec 01 Javascript
基于jPlayer三分屏的制作方法
Dec 21 Javascript
基于datepicker定义自己的angular时间组件的示例
Mar 14 Javascript
详解vue-video-player使用心得(兼容m3u8)
Aug 23 Javascript
解决layui页面按钮点击无反应,也不报错的问题
Sep 29 Javascript
jquery中.add()的使用分析
Apr 26 #Javascript
Javascript 鼠标移动上去小三角形滑块缓慢跟随效果
Apr 26 #Javascript
jquery 关于event.target使用的几点说明介绍
Apr 26 #Javascript
用示例说明filter()与find()的用法以及children()与find()的区别分析
Apr 26 #Javascript
jQuery 遍历-nextUntil()方法以及prevUntil()方法的使用介绍
Apr 26 #Javascript
基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
Apr 26 #Javascript
jQuery 遍历- 关于closest() 的方法介绍以及与parents()的方法区别分析
Apr 26 #Javascript
You might like
E路文章系统PHP
2006/12/11 PHP
PHP将字符分解为多个字符串的方法
2014/11/22 PHP
浅谈php优化需要注意的地方
2014/11/27 PHP
Laravel重定向,a链接跳转,控制器跳转示例
2019/10/22 PHP
HTML中事件触发列表与解说
2007/07/09 Javascript
超级退弹代码
2008/07/07 Javascript
javascript 尚未实现错误解决办法
2008/11/27 Javascript
jquery在IE、FF浏览器的差别详细探讨
2013/04/28 Javascript
javascript检测对象中是否存在某个属性判断方法小结
2013/05/19 Javascript
jQuery .tmpl() 用法示例介绍
2014/08/21 Javascript
jquery事件preventDefault()方法用法实例
2015/01/16 Javascript
jQuery中die()方法用法实例
2015/01/19 Javascript
js+jquery常用知识点汇总
2015/03/03 Javascript
JavaScript实现图片滑动切换的代码示例分享
2016/03/06 Javascript
AngularJS指令中的绑定策略实例分析
2016/12/14 Javascript
Vue组件教程之Toast(Vue.extend 方式)详解
2019/01/27 Javascript
JavaScript中展开运算符及应用的实例代码
2021/01/14 Javascript
[10:21]2018DOTA2国际邀请赛寻真——Winstrike
2018/08/11 DOTA
python实现折半查找和归并排序算法
2017/04/14 Python
轻量级的Web框架Flask 中模块化应用的实现
2017/09/11 Python
详解Python最长公共子串和最长公共子序列的实现
2018/07/07 Python
python实现狄克斯特拉算法
2019/01/17 Python
Django框架中间件定义与使用方法案例分析
2019/11/28 Python
python正则表达式实例代码
2020/03/03 Python
matplotlib常见函数之plt.rcParams、matshow的使用(坐标轴设置)
2021/01/05 Python
python 模块导入问题汇总
2021/02/01 Python
详解html5 postMessage解决跨域通信的问题
2018/08/17 HTML / CSS
保安拾金不昧表扬信
2014/01/15 职场文书
春节活动策划方案
2014/01/24 职场文书
点菜员岗位职责范本
2014/02/14 职场文书
投标人廉洁自律承诺书
2014/05/26 职场文书
学校法制宣传日活动总结
2014/11/01 职场文书
总经理岗位职责范本
2015/04/01 职场文书
2015年调度员工作总结
2015/04/30 职场文书
Nginx 根据URL带的参数转发的实现
2021/04/01 Servers
尝试使用Python爬取城市租房信息
2022/04/12 Python