Как создать agm-направление с несколькими точками? - PullRequest
Новая
       44

Как создать agm-направление с несколькими точками?

0 голосов
/ 06 июня 2019

У меня есть 10 точек (запад и юг), и мне нужно создать уникальную агм-карту с этими точками. Маршрут должен пройти через все эти точки. Но .... Когда я искал, я нашел точки отправления и назначения. но ... а промежуточные точки? 

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

Я использую Angular 7. И карта агломерата npm

1 Ответ

0 голосов
/ 08 июня 2019

То, что вы ищете, называется путевыми точками в API Google Maps Directions API , который:

позволяет рассчитывать маршруты через дополнительные места, в которых если возвращаемый маршрут проходит через заданные путевые точки.

A waypoint состоит из следующих полей:

  • location (обязательно) указывает адрес путевой точки.
  • stopover (необязательно) указывает, является ли эта путевая точка фактической остановкой на маршруте (true) или вместо этого только предпочтение маршруту
    через указанное место (ложь). Остановки в пути истинны
    по умолчанию.

Полагаю, вы используете Agm-Direction компонент , чтобы нарисовать маршрут, если так можно указать путевые точки следующим образом: 

<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 }}
  ]
}

Вот демоверсия

...