Добавить изображение пользователя в agm-маркер в Angular 5 - PullRequest
0 голосов
/ 12 июня 2018

Я использую agm-маркер для маркеров под углом 5. Я хочу добавить пользовательские изображения в маркеры, как это.

enter image description here

In agm-marker [ iconUrl ] предоставляет ограниченную функциональность.Будут оценены любые другие предложения.

вот шаблон

<div style="height: 440px" id="result_banner">
  <agm-map [latitude]="lat" [longitude]="lng" [zoom]='7'>
    <agm-marker *ngFor="let data of searchResultData" [latitude]="+data.lat" [longitude]="+data.lng" [iconUrl]="marker">
    </agm-marker>
  </agm-map>
</div>

1 Ответ

0 голосов
/ 12 июня 2018

Вы можете использовать существующий API и установить iconUrl

<agm-marker
   [latitude]="location.latitude"
   [longitude]="location.longitude"
   [iconAnchorX]="10"
   [iconAnchorY]="10"
   [iconHeight]="20"
   [iconWidth]="20">
   [iconUrl]="user.icon">
 </agm-marker>
...