如何解决当数组大小超过250时,agm-marker ngfor会剪切图标
我正在尝试在地图上显示我的设备,并且由于某些奇怪的原因,当设备阵列大小超过250时,图标显得减半了。 以下是我的标记:
<div *ngFor="let dev of devices">
<agm-polyline [strokeColor]="'blue'" (click)="lineClick($even,line)">
<ng-container *ngFor="let point of history.polylinesnap$ | async">
<agm-polyline-point
[latitude]="point.Latitude"
[longitude]="point.Longitude"
(lineClick)="lineClick($event,line)">
</agm-polyline-point>
</ng-container>
</agm-polyline>
<agm-marker #deviceMarker
[latitude]="dev.Track.Latitude"
[longitude]="dev.Track.Longitude"
(markerClick)="focus(dev)"
[iconUrl]="{url:icon(dev),scaledSize: {height: height,width: width}}">
</agm-marker>
<div *ngFor="let fence of state.geoFence$ | async">
<agm-circle #deviceFences
[latitude]="fence.Latitude"
[longitude]="fence.Longitude"
[fillColor]="'blue'"
[circleDraggable]="true"
[editable]="true"
(circleClick) = "circleClick($event,fence)"
(radiusChange)="radiusChange($event,fence)"
[radius]="fence.Radius">
</agm-circle>
</div>
</div>
这是我的初始化:
ngOnInit() {
this.getUserLocation();
this.stateDevice = this.state.device$
.subscribe(data =>{
this.devices = data;
if(data.length>501) {
this.height = 20;
this.width = 25;
}
this.devices.forEach(device=>{
device.Icon = this.icon(device);
});
});
}
当数据超过250或执行过程中缺少某些内容时,agm-marker的行为是否会这样?
下面分别显示的图标分别是数组250和250plus,不胜感激。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。