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 相关文章推荐
jQuery dialog 异步调用ashx,webservice数据的代码
Aug 03 Javascript
js使用栈来实现10进制转8进制与取除数及余数
Jun 11 Javascript
Javascript MVC框架Backbone.js详解
Sep 18 Javascript
gridview生成时如何去掉style属性中的border-collapse
Sep 30 Javascript
JS实现仿腾讯微博无刷新删除微博效果代码
Oct 16 Javascript
用AngularJS的指令实现tabs切换效果
Aug 31 Javascript
在一般处理程序(ashx)中弹出js提示语
Aug 16 Javascript
Vue.js实现网格列表布局转换方法
Aug 25 Javascript
微信小程序实现tab切换效果
Nov 21 Javascript
详解微信小程序实现仿微信聊天界面(各种细节处理)
Feb 17 Javascript
Vue CLI3创建项目部署到Tomcat 使用ngrok映射到外网
May 16 Javascript
微信小程序以7天为周期连续签到7天功能效果的示例代码
Aug 20 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
用php实现批量查询清除一句话后门的代码
2008/01/20 PHP
php设计模式 Decorator(装饰模式)
2011/06/26 PHP
PHP+MySQL投票系统的设计和实现分享
2012/09/23 PHP
PHP实现服务器状态监控的方法
2014/12/09 PHP
php生成二维码
2015/08/10 PHP
PHP入门教程之PHP操作MySQL的方法分析
2016/09/11 PHP
Javascript入门学习资料收集整理篇
2008/07/06 Javascript
JavaScript 大数据相加的问题
2011/08/03 Javascript
JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
2011/09/28 Javascript
Javascript this 的一些学习总结
2012/08/31 Javascript
删除select中所有option选项jquery代码
2013/08/12 Javascript
通过复制Table生成word和excel的javascript代码
2014/01/20 Javascript
JavaScript中匿名函数用法实例
2015/03/23 Javascript
js使用setTimeout实现定时炸弹的方法
2015/04/10 Javascript
JavaScript保留关键字汇总
2015/12/01 Javascript
JavaScript数据推送Comet技术详解
2016/04/07 Javascript
AngularJS入门教程之与服务器(Ajax)交互操作示例【附完整demo源码下载】
2016/11/02 Javascript
鼠标经过出现气泡框的简单实例
2017/03/17 Javascript
利用js查找数组中指定元素并返回该元素的所有索引示例
2017/03/29 Javascript
Vue全家桶实践项目总结(推荐)
2017/11/04 Javascript
vue input 输入校验字母数字组合且长度小于30的实现代码
2018/05/16 Javascript
AngularJS自定义表单验证功能实例详解
2018/08/24 Javascript
如何使用vuex实现兄弟组件通信
2018/11/02 Javascript
layer.open 子页面弹出层向父页面传输数据的例子
2019/09/26 Javascript
实例讲解React 组件生命周期
2020/07/08 Javascript
[01:04:20]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第一场 11.29
2020/12/02 DOTA
Python实现备份MySQL数据库的方法示例
2018/01/11 Python
Windows 7下Python Web环境搭建图文教程
2018/03/20 Python
Python爬虫之UserAgent的使用实例
2019/02/21 Python
机械工程及自动化专业求职信
2014/09/03 职场文书
上课玩手机的检讨书
2014/10/01 职场文书
中学政教处工作总结
2015/08/13 职场文书
分布式锁为什么要选择Zookeeper而不是Redis?看完这篇你就明白了
2021/05/21 Redis
Python中的嵌套循环详情
2022/03/23 Python
了解Kubernetes中的Service和Endpoint
2022/04/01 Servers
Win11电源已接通但未充电怎么办?Win11电源已接通未充电的解决方法
2022/04/05 数码科技