[英]How to set background color of marker label in AGM Angular 7?
<agm-map style="text-shadow: 0px 0px 8.2px yellow; color: red;" [latitude]='latitude'
[longitude]='longitude' (mapClick)="onChoseLocation($event)" [zoom]=15 [usePanning]="true">
<agm-marker *ngFor="let vehicle of data1;" [agmFitBounds]="true"
[latitude]='vehicle.lat' [longitude]='vehicle.lng'
[iconUrl]="{ url: './assets/images/cars.png', scaledSize: { width: 45, height: 45, rotation: vehicle.angle, anchor : {x:19, y:19} }}"
[label]="{color: 'blue', fontWeight: 'bold', fontSize: '12px', backgroundColor:'red', text: vehicle.name}">
<agm-polyline *ngFor="let initialdata of vehicleDetail">
<agm-polyline-point [latitude]="initialdata.lat" [longitude]="initialdata.lng">
</agm-polyline-point>
<agm-polyline-point *ngIf="(vehicle.id == id)" [latitude]="vehicle.lat" [longitude]="vehicle.lng">
</agm-polyline-point>
</agm-polyline>
<agm-info-window [disableAutoPan]="true" #infoWindow [isOpen]="true">
<small>
Name: <small>{{vehicle.name}}</small> <br>
Speed: <small>{{vehicle.speed}} km/h </small><br>
<!-- Lng: <small>{{vehicle.lng}}</small> <br> -->
Status: <small>{{vehicle.status}}</small>
</small>
<div>
<a (click)="onClickInfoView({id:m.id})" class="btn btn-attention pull-right"></a>
</div>
</agm-info-window>
</agm-marker>
</agm-map>
I use background color property like that but its not work....我使用这样的背景颜色属性,但它不起作用....
[label]="{color: 'blue', fontWeight: 'bold', fontSize: '12px', backgroundColor:'red', text: vehicle.name}"
and I also want to set marginttop but its not working.我也想设置 marginttop 但它不起作用。
Name show above the picture.... but I want name blow the picture and background color red.名称显示在图片上方....但我希望名称将图片和背景颜色吹成红色。
You can use labelOrigin:{x:12,y:27} property for [iconUrl] to change the label position.您可以使用 labelOrigin:{x:12,y:27} 属性为 [iconUrl] 更改标签位置。 like this: [iconUrl]="{ url: './assets/images/cars.png', scaledSize: { width: 45, height: 45, rotation: vehicle.angle, anchor : {x:19, y:19} }, labelOrigin:{x:12,y:27}}
像这样:[iconUrl]="{ url: './assets/images/cars.png', scaledSize: { width: 45, height: 45, rotation: vehicle.angle, anchor : {x:19, y:19 } }, labelOrigin:{x:12,y:27}}
add following style in your styles.css
for change background color.在
styles.css
添加以下样式以更改背景颜色。
.gm-style div[aria-hidden="true"]{
background-color: white !important;
padding: 5px;
border-radius: 5px;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.