我如何从给定的路径值在谷歌地图JavaScript API的距离
How can I get distance from given path value in Google Maps JavaScript API?
我已经在我的应用程序中集成了Google Maps JavaScript API。我需要计算给定路径的行进距离。
路径就像,
var path = [
{lat: 36.579, lng: -118.292},
{lat: 36.606, lng: -118.0638},
{lat: 36.433, lng: -117.951},
{lat: 36.588, lng: -116.943},
{lat: 36.34, lng: -117.468},
{lat: 36.24, lng: -116.832}];
使用上述值需要计算距离。
要使用Google Maps Javascript API v3球面几何距离方法,"points"需要是Google . Maps . latlng对象,而不是Google . Maps . latlngliteral对象。
至少有四个选项:
- 将你的google.maps. latlingliterals数组转换为google.maps.LatLng对象。
var path = [
new google.maps.LatLng(36.579, -118.292),
new google.maps.LatLng(36.606, -118.0638),
new google.maps.LatLng(36.433, -117.951),
new google.maps.LatLng(36.588, -116.943),
new google.maps.LatLng(36.34, -117.468),
new google.maps.LatLng(36.24, -116.832)];
var distanceInMeters = google.maps.geometry.spherical.computeLength(path);
- 用你的google.maps数组创建一个google.maps. polyline。在折线上调用
- 将你的坐标转换为google.maps.LatLng并调用每对的计算距离,累积距离。
- 编写你自己版本的haversine公式,它接受latlingliterals数组
.getPath
。var polyline = new google.maps.Polyline({
map: map,
path: path
});
var distanceInMeters = google.maps.geometry.spherical.computeLength(polyline.getPath());
var distanceInMeters = 0;
for (var i=0; i<path.length-1; i++) {
distanceInMeters += google.maps.geometry.spherical.computeDistanceBetween(new google.maps.LatLng(path[i].lat, path[i].lng),new google.maps.LatLng(path[i+1].lat, path[i+1].lng));
}
相关文章:
- 当我使用高度百分比时,谷歌地图javascript api不会显示
- 谷歌地图Javascript API与网络服务API
- 用两个手指旋转谷歌地图javascript中的地图
- 谷歌地图Javascript API位置库
- 谷歌应用程序脚本html服务和加载谷歌地图javascript api V3
- 谷歌地图Javascript v3多段线点击事件
- 将dropdownlist值传递给谷歌地图javascript
- 谷歌地图javascript多个方法错误
- 谷歌地图Javascript API在部署到设备时不起作用
- 如何在谷歌地图javascript中在地图上拖动标记(可拖动方向)时显示更新的坐标
- 如何使用谷歌地图javascript
- Redraw自定义谷歌地图javascript地图
- 谷歌地图Javascript V3未捕获类型错误:无法读取属性'offsetWidth'为null
- 谷歌地图JavaScript API-与setCenter配合使用
- 多边形中心谷歌地图JavaScript API v3
- 谷歌地图Javascript API“;未捕获类型异常-未定义不是函数“;
- 有没有办法使用谷歌地图javascript api突出显示一个国家,类似于嵌入api
- 谷歌地图Javascript API V3:标记具有相同的标题
- 将声音添加到标记数组 - 谷歌地图JavaScript
- 谷歌地图JavaScript标记问题