3 
<!DOCTYPE html>
 <html>
<head>
<title>Travel modes in directions</title>
 <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
 <script src="http://maps.google.com/maps/api/js?libraries=placeses,visualization,drawing,geometry,places"></script>
     <script src="http://code.angularjs.org/1.3.15/angular.js">   </script>
  <script src="http://rawgit.com/allenhwkim/angularjs-google-maps/master/build/scripts/ng-map.js"></script>
<style>
  html, body {width:100%; height: 100%; padding:0; margin: 0}
  body {padding: 5px}
  * { box-sizing: border-box; }
</style>
    </head>
  <body ng-app="ngMap">
       <div style="width: 68%; float:left; height: 100%">
   <div ng-app="" ng-init="loc='current-location'">

   Destination: <input type="text"  ng-model="loc">


   </div>
  <ng-map zoom="14" center="current-location" style="height:90%" >
    <directions
      draggable="true"
      panel="directions-panel"
      travel-mode="DRIVING"
      origin="current-location"
      destination="{{loc}}">
    </directions>
  </ng-map>


  Directions path length:{{map.directionsRenderers[0].directions.routes[0].overview_path.length}}
</div>


<div id="directions-panel" style="width: 28%; float:left; height: 100%; overflow: auto; padding: 0px 5px">
</div>

这是我获取两点之间行车路线的代码。用于计算距离的路径长度方向与点之间的实际距离不相似。有没有办法可以找到点之间的实际距离？请帮忙

4

1 回答 1

0

如果您正在寻找两点之间的测地线距离而不是起点和目的地之间的街道距离，则应使用google.maps.geometry.spherical命名空间。在角度中，用于google.maps.geometry.spherical.computeDistanceBetween(from:LatLng, to:LatLng, radius?:number)获取距离或google.maps.geometry.spherical.computeLength(path:Array<LatLng>|MVCArray<LatLng>, radius?:number)获取两点之间的测地线长度。

这$scope.map只是您设置的范围对象，实际名称取决于您的设置方式。

祝你好运！

这是资源。

于 2015-11-18T17:47:45.677 回答