Question

我有10个点（西边和南边），我需要用这些点创建一个unic agm地图。路线必须经过所有这些点。但是...。当我搜索时，我发现了起点和终点。但是...还有中间点？

 <agm-direction *ngIf="dir" [origin]="dir.origin" [destination]="dir.destination"></agm-direction>

我正在使用Angular7。还有npm agm贴图

Answer 1

您正在寻找的东西称为Google Maps Directions Service API中的路标，它是：

允许您计算通过其他位置的路线，其中   如果返回的路线通过给定的航路点。

waypoint包含以下字段：


location（必填）指定航路点的地址。

stopover（可选）指示此路点是路线上的实际停靠点（true）还是仅是路线的优先选择
  通过指示的位置（假）。中途停留是真的
  默认。

我想您正在利用Agm-Direction component绘制路线，如果可以这样指定航路点：

<agm-map [latitude]="lat" [longitude]="lng">
  <agm-direction [origin]="origin" [destination]="destination" [waypoints]="waypoints"></agm-direction>
</agm-map>


export class AppComponent {

  lat: Number = 41.85
  lng: Number = -87.65

  origin = { lat: 29.8174782, lng: -95.6814757 }
  destination = { lat: 40.6976637, lng: -74.119764 }
  waypoints = [
     {location: { lat: 39.0921167, lng: -94.8559005 }},
     {location: { lat: 41.8339037, lng: -87.8720468 }}
  ]
}

Here is a demo

如何创建具有多个点的agm方向？

1 个答案: