Javascript计算两个marker之间的距离(Google Map V3)
更新时间：2013年04月26日 14:49:46 作者：
做地图开发，最常用到的就是marker一些操作和交互。简单介绍一下，两个marker之间的距离计算，感兴趣的朋友可以参考下哈，希望对你有所帮助
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的当前位置(经纬度)
做地图开发，最常用到的就是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的当前位置(经纬度)
相关文章
这篇文章主要介绍了js计算文本框输入的字符数，具有一定的参考价值，感兴趣的朋友可以参考一下2015-10-10
相信有C++、C#或Java等编程经验的各位，对于this关键字再熟悉不过了。由于Javascript是一种面向对象的编程语言，它和C++、C#或Java一样都包含this关键字，接下来我们将向大家介绍Javascript中的this关键字2012-08-08
这篇文章主要介绍了JavaScript实现向右伸出的多级网页菜单效果,通过javascript调用页面元素属性的动态改变实现向右展开菜单效果,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了JavaScript内置对象之Array的使用小结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-05-05
IE11下使用canvas.toDataURL报SecurityError错误的解决方法
这篇文章主要给大家介绍了关于在IE11下使用canvas.toDataURL报SecurityError错误的解决方法，文中通过示例代码介绍的非常详细，对同样遇到这个问题的朋友们具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2017-11-11
这篇文章主要介绍了js实现简单省市区三级选择联级，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
typeof一般被用于判断一个变量的类型,我们可以利用typeof来判断number,string,object,boolean,function,undefined,symbol这七种类型,下面这篇文章主要给大家介绍了关于js中各种数据类型检测和判定的相关资料,需要的朋友可以参考下2022-11-11
这篇文章主要介绍了JavaScript之ECharts用法讲解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-08-08
这篇文章主要介绍了JavaScript实现简单网页版计算器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
JavaScript控制一张图片旋转，每次旋转90度，可旋转一周360度，以前没见到过，也不知道有没有用，奉献给大家，希望喜欢2011-12-12
最新评论