agm-marker iconUrl изменить по щелчку маркера - PullRequest
Новая
       7

agm-marker iconUrl изменить по щелчку маркера

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

Я пытаюсь изменить iconUrl маркера при нажатии.Я использую угловые карты Google.iconUrl Я настраиваю, используя папку локальных ресурсов, а не из служебного API. 

<agm-marker *ngFor="let m of mapArrayList; let i = index" (markerClick)="clickedMarker(infowindow)"
    [latitude]="m.geometry.location.lat()" [longitude]="m.geometry.location.lng()" 
    [iconUrl] ="
      {
        url: './assets/images/car.svg',
        scaledSize: {
            width: 40,
            height: 60
        }
    }">

Как изменить вышеуказанный iconUrl при нажатии на маркер.

1 Ответ

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

Вы можете иметь свойство в своих объектах массива, чтобы знать, в каком состоянии находится ваш объект.Вам необходимо обновить это свойство из события markerClick.Я использовал свойство isClicked в этом примере.

В этом случае вы можете проверить, какой SVG необходим для загрузки. 

<agm-marker *ngFor="let m of mapArrayList; let i = index" (markerClick)="clickedMarker(infowindow)"
[latitude]="m.geometry.location.lat()" [longitude]="m.geometry.location.lng()" 
[iconUrl] ="
  {
    url: m.isClicked ? './assets/images/car.svg' : './assets/images/bike.svg',
    scaledSize: {
        width: 40,
        height: 60
    }
}">
...