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 相关文章推荐
Extjs优化(一)删除冗余代码提高运行速度
Apr 15 Javascript
一个简单的jquery进度条示例
Apr 28 Javascript
使用JS+plupload直接批量上传图片到又拍云
Dec 01 Javascript
jQuery实现在textarea指定位置插入字符或表情的方法
Mar 11 Javascript
js实现简洁大方的二级下拉菜单效果代码
Sep 01 Javascript
JS判断两个对象内容是否相等的方法示例
Apr 10 Javascript
JavaScript 跨域之POST实现方法
May 07 Javascript
JS实现的合并两个有序链表算法示例
Feb 25 Javascript
vue学习笔记五:在vue项目里面使用引入公共方法详解
Apr 04 Javascript
js实现移动端吸顶效果
Jan 08 Javascript
JavaScript组合设计模式--改进引入案例分析
May 23 Javascript
JQuery通过键盘控制键盘按下与松开触发事件
Aug 07 jQuery
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
如何冲泡挂耳包咖啡?技巧是什么
2021/03/04 冲泡冲煮
PHP4实际应用经验篇(4)
2006/10/09 PHP
php 空格,换行,跳格使用说明
2009/12/18 PHP
php引用返回与取消引用的详解
2013/06/08 PHP
php在apache环境下实现gzip配置方法
2015/04/02 PHP
PHP操作redis实现的分页列表,新增,删除功能封装类与用法示例
2018/08/04 PHP
jquery.cookie.js 操作cookie实现记住密码功能的实现代码
2011/04/27 Javascript
json的前台操作和后台操作实现代码
2012/01/20 Javascript
仿新浪微博登陆邮箱提示效果的js代码
2013/08/02 Javascript
javascript 10进制和62进制的相互转换
2014/07/31 Javascript
Angular中的Promise对象($q介绍)
2015/03/03 Javascript
Javascript之Number对象介绍
2016/06/07 Javascript
ES6新数据结构Set与WeakSet用法分析
2017/03/31 Javascript
正则表达式基本语法及表单验证操作详解【基于JS】
2017/04/07 Javascript
Vue0.1的过滤代码如何添加到Vue2.0直接使用
2017/08/23 Javascript
vuejs点击class变化的实例
2018/09/05 Javascript
详解为element-ui的Select和Cascader添加弹层底部操作按钮
2020/02/07 Javascript
微信小程序 wx.getUserInfo引导用户授权问题实例分析
2020/03/09 Javascript
[02:17]2016国际邀请赛中国区预选赛VG战队领队采访
2016/06/26 DOTA
python 转换 Javascript %u 字符串为python unicode的代码
2016/09/06 Python
基于asyncio 异步协程框架实现收集B站直播弹幕
2016/09/11 Python
python 循环遍历字典元素的简单方法
2016/09/11 Python
对python产生随机的二维数组实例详解
2018/12/13 Python
Python 二叉树的层序建立与三种遍历实现详解
2019/07/29 Python
Python使用eval函数执行动态标表达式过程详解
2020/10/17 Python
HTML4和HTML5之间除了相似以外的10个主要不同
2012/12/13 HTML / CSS
软件工程师面试题
2012/06/25 面试题
会计师事务所审计实习自我鉴定
2013/09/20 职场文书
建筑工程技术应届生自荐信
2013/09/27 职场文书
优秀员工表扬信
2014/01/17 职场文书
酒店销售经理岗位职责
2014/01/31 职场文书
美术教学感言
2014/02/22 职场文书
《孙权劝学》教学反思
2014/04/23 职场文书
爱护花草树木的标语
2014/06/11 职场文书
汉字听写大会观后感
2015/06/12 职场文书
毕业生自荐求职信书写的技巧
2019/08/26 职场文书