Добавьте пользовательский класс в img agm-маркера с помощью Angular Google Maps - PullRequest
Новая
       13

Добавьте пользовательский класс в img agm-маркера с помощью Angular Google Maps

0 голосов
/ 10 марта 2020

У меня настроена Angular карта Google, с маркером agm, вытягивающим маркеры из json.

Некоторые данные из этого json требуют, чтобы маркеры были в другом направлении, таком как стрелка вверх, вниз, влево, вправо. Это также передается через JSON.

У меня настроен agm-маркер: 

<agm-marker *ngFor="let data of markerCollection;trackBy: eventId; let i = index" 
    [latitude]="data.item.coordinates[1]" [longitude]="data.item.coordinates[0]"
    [iconUrl]="data.item.url" [visible]="data.item.visible" (markerClick)="onMarkerClick(event)">
</agm-marker>

И я подумал, что добавление 

[ngClass]="data.item.direction"

будет возможность добавить класс в теги img, но это не так.

Любая помощь будет признательна, спасибо.

1 Ответ

0 голосов
/ 11 марта 2020

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

• Преобразование изображения в символ, для свойств символа доступна опция «Поворот».

• Обеспечьте различное изображение для направления и код в направлении непосредственно. В этом случае я добавил item.url в направлении, указанном в ленте JSON, и соответственно предоставил другое изображение.

...