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 相关文章推荐
Add a Formatted Table to a Word Document
Jun 15 Javascript
20款非常优秀的 jQuery 工具提示插件 推荐
Jul 15 Javascript
js字符串转成JSON
Nov 07 Javascript
jQuery搜索同辈元素方法
Feb 10 Javascript
javascript中局部变量和全局变量的区别详解
Feb 27 Javascript
jquery UI Datepicker时间控件的使用及问题解决
Apr 28 Javascript
微信小程序 input输入框控件详解及实例(多种示例)
Dec 14 Javascript
jQuery插件DataTable使用方法详解(.Net平台)
Dec 22 Javascript
js实现3D图片环展示效果
Mar 09 Javascript
微信小程序日历组件calendar详解及实例
Jun 08 Javascript
如何编写一个 Webpack Loader的实现
Oct 18 Javascript
swiper实现导航滚动效果
Dec 13 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 巧用数组降低程序的时间复杂度
2010/01/01 PHP
php实现memcache缓存示例讲解
2013/12/04 PHP
浅谈PHP中的Trait使用方法
2019/03/22 PHP
js获取或设置当前窗口url参数的小例子
2013/10/14 Javascript
鼠标滚轴控制文本框值的JS代码
2013/11/19 Javascript
jQuery html()方法使用不了无法显示内容的问题
2014/08/06 Javascript
javascript伸缩菜单栏实现代码分享
2015/11/12 Javascript
JavaScript学习笔记之数组求和方法
2016/03/23 Javascript
jQuery EasyUI 入门必看
2016/06/03 Javascript
由浅入深剖析Angular表单验证
2016/07/14 Javascript
使用plupload自定义参数实现多文件上传
2016/07/19 Javascript
AngularJs 指令详解及示例代码
2016/09/01 Javascript
解决webpack dev-server不能匹配post请求的问题
2018/08/24 Javascript
小程序自定义单页面、全局导航栏的实现代码
2019/03/15 Javascript
原生js实现trigger方法示例代码
2019/05/22 Javascript
python基础教程之面向对象的一些概念
2014/08/29 Python
Python的Django中django-userena组件的简单使用教程
2015/05/30 Python
Python工程师面试题 与Python Web相关
2016/01/14 Python
python3操作mysql数据库的方法
2017/06/23 Python
Python 网页解析HTMLParse的实例详解
2017/08/10 Python
python 调用钉钉机器人的方法
2019/02/20 Python
python3 requests库文件上传与下载实现详解
2019/08/22 Python
python如何处理程序无法打开
2020/06/16 Python
浅谈CSS3特性查询(Feature Query: @supports)功能简介
2017/07/31 HTML / CSS
HTML5拖拽文件上传的示例代码
2021/03/04 HTML / CSS
英国团购网站:Groupon英国
2017/11/28 全球购物
瑞士最大的图书贸易公司:Orell Füssli
2019/12/28 全球购物
本科毕业生的求职信范文
2013/11/20 职场文书
我的梦中国梦演讲稿
2014/04/23 职场文书
党委书记群众路线对照检查材料思想汇报
2014/10/04 职场文书
2014年应急工作总结
2014/12/11 职场文书
北京故宫的导游词
2015/01/31 职场文书
慰问信格式
2015/02/14 职场文书
撤诉申请书法院范本
2015/05/18 职场文书
2015年音乐教学工作总结
2015/07/22 职场文书
《金色的草地》教学反思
2016/02/17 职场文书