Несколько направлений с несколькими цветами в Agm-Direction - PullRequest
Новая
       52

Несколько направлений с несколькими цветами в Agm-Direction

0 голосов
/ 09 октября 2018

Я использую Agm-Direction с Угловые Карты Google , чтобы нарисовать траекторию движения между двумя точками. 

<agm-map [latitude]="6.9271" [longitude]="79.8612">

 <agm-direction [origin]="{ lat: 6.8403134, lng: 80.0021128 }" [destination]="{ lat: 6.71532762, lng: 80.06215197 }">
 </agm-direction>

  <agm-direction [origin]="{ lat: 6.4319639, lng: 79.9983415 }" [destination]="{ lat: 6.73906232, lng: 80.15640132 }">
  </agm-direction>

  <agm-direction [origin]="{ lat: 6.71532762, lng: 80.06215197 }" [destination]="{ lat: 6.4319639, lng: 79.9983415 }">
  </agm-direction>

</agm-map>

Мне нужно нарисовать несколько траекторий движения внесколько цветов.В настоящее время нарисуйте все направления синим цветом.

Как можно нарисовать несколько направлений разными цветами?

1 Ответ

0 голосов
/ 10 октября 2018

Найден ответ.

Мы можем установить polylineOptions, чтобы рисовать направление в другом цвете.

HTML 

<agm-map [latitude]="6.9271" [longitude]="79.8612">
  <agm-direction *ngFor="let dir of dirs" [origin]="dir.origin" [destination]="dir.destination" [renderOptions]="dir.renderOptions">
  </agm-direction>
</agm-map>

TS 

public dirs: Array<any> = [{
  origin: { lat: 6.8403134, lng: 80.0021128 },
  destination: { lat: 6.71532762, lng: 80.06215197 },
  renderOptions: { polylineOptions: { strokeColor: '#f00' } },
}, {
  origin: { lat: 6.4319639, lng: 79.9983415 },
  destination: { lat: 6.73906232, lng: 80.15640132 },
  renderOptions: { polylineOptions: { strokeColor: '#0f0' } },
}];

Более подробная информация доступна на https://github.com/explooosion/Agm-Direction/issues/46

...