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 相关文章推荐
多个iframe自动调整大小的问题
Sep 18 Javascript
基于jQuery的ajax功能实现web service的json转化
Aug 29 Javascript
javascript学习笔记(三)显示当时时间的代码
Apr 08 Javascript
关于jquery中全局函数each使用介绍
Dec 10 Javascript
jQuery.extend()、jQuery.fn.extend()扩展方法示例详解
May 08 Javascript
JavaScript分页功能的实现方法
Apr 25 Javascript
js实现上一页下一页的效果【附代码】
Mar 10 Javascript
JQuery之proxy实现绑定代理方法
Aug 01 Javascript
Vue.use源码学习小结
Jun 20 Javascript
使用RN Animated做一个“添加购物车”动画的方法
Sep 12 Javascript
Vue项目中ESlint规范示例代码
Jul 04 Javascript
react 路由Link配置详解
Nov 11 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
法国:浪漫之都的咖啡文化
2021/03/03 咖啡文化
在PHP中利用wsdl创建标准webservice的实现代码
2011/12/07 PHP
phpmailer中文乱码问题的解决方法
2014/04/22 PHP
php项目开发中用到的快速排序算法分析
2016/06/25 PHP
jQuery不间断滚动效果(模拟百度新闻支持文字/图片/垂直滚动)
2013/02/05 Javascript
JS检测移动端横竖屏的代码
2016/05/30 Javascript
Bootstrap Table使用方法详解
2016/08/01 Javascript
详解JavaScript RegExp对象
2017/02/04 Javascript
基于vue.js轮播组件vue-awesome-swiper实现轮播图
2017/03/17 Javascript
javascript完美实现给定日期返回上月日期的方法
2017/06/15 Javascript
AngularJS实现单一页面内设置跳转路由的方法
2017/06/28 Javascript
javascript随机变色实例代码
2019/10/15 Javascript
JavaScript 作用域scope简单汇总
2019/10/23 Javascript
ES6中Promise的使用方法实例总结
2020/02/18 Javascript
vue实现几秒后跳转新页面代码
2020/09/09 Javascript
JavaScript事件概念详解(区分静态注册和动态注册)
2021/02/05 Javascript
JavaScript 判断浏览器是否是IE
2021/02/19 Javascript
Python中的jquery PyQuery库使用小结
2014/05/13 Python
Python3.2中Print函数用法实例详解
2015/05/19 Python
python编程实现希尔排序
2017/04/13 Python
python实现教务管理系统
2018/03/12 Python
解决python3 pika之连接断开的问题
2018/12/18 Python
Python3安装pip工具的详细步骤
2019/10/14 Python
使用python实现回文数的四种方法小结
2019/11/24 Python
英国现代绅士品牌:Hackett
2017/12/17 全球购物
澳大利亚玩具剧场:Toy Playhouse
2019/03/03 全球购物
神话般的珠宝:Ross-Simons
2020/07/13 全球购物
温泉秘密:Onsen Secret
2020/07/06 全球购物
财务工作者先进事迹材料
2014/01/17 职场文书
小学教师国培感言
2014/02/08 职场文书
英文推荐信格式范文
2014/05/09 职场文书
法制宣传标语
2014/06/23 职场文书
县政府办公室领导班子对照检查材料思想汇报
2014/09/28 职场文书
敬业奉献模范事迹材料
2014/12/24 职场文书
python 实现mysql自动增删分区的方法
2021/04/01 Python
进行数据处理的6个 Python 代码块分享
2022/04/06 Python