Angular 标记周围的2/4角地图盒半径
有人知道是否可以使用angular2 mapbox在标记周围添加圆/半径吗 我知道这是不可能的,但也许退出也没什么大不了的 欢迎提出任何建议Angular 标记周围的2/4角地图盒半径,angular,typescript,mapbox,mapbox-gl,Angular,Typescript,Mapbox,Mapbox Gl,有人知道是否可以使用angular2 mapbox在标记周围添加圆/半径吗 我知道这是不可能的,但也许退出也没什么大不了的 欢迎提出任何建议 <mapbox [center]="[-5.646973, 52.087483]"> <mapbox-marker *ngFor="let marker of map.markers" flyTo="16" [image]="marker.image" [coordinates]="marker.coord
<mapbox [center]="[-5.646973, 52.087483]">
<mapbox-marker
*ngFor="let marker of map.markers"
flyTo="16"
[image]="marker.image"
[coordinates]="marker.coordinates"
[popup]="marker.popup"
[data]="marker.data"
(click)="markerClicked($event)">
</mapbox-marker>
链接至回购:
我想这就是它们所支持的。mapbox中的标记是
HTMLDOM
,因此您可以使用CSS设置标记样式(即,不特定于mapbox角度组件库)
为此,请在CSS中使用className.marker
指定并应用所需的CSS样式
示例
.marker {
border-radius: 50%;
border: 1px solid #f00;
}
.marker {
border-radius: 50%;
background-color: red;
height: 10px;
width: 10px
}
假设您只想自己创建一个CSS循环
圆圈
.marker {
border-radius: 50%;
border: 1px solid #f00;
}
.marker {
border-radius: 50%;
background-color: red;
height: 10px;
width: 10px
}
您可以使用伪选择器在后面创建圆形元素,并相应地定位
伪
.marker:after {
content: "";
display: block;
border-radius: 50%;
background-color: red;
height: 10px;
width: 10px
}
@德拉戈斯·波达鲁,这能回答你的问题吗?