Angular 标记周围的2/4角地图盒半径

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

有人知道是否可以使用angular2 mapbox在标记周围添加圆/半径吗

我知道这是不可能的,但也许退出也没什么大不了的

欢迎提出任何建议

<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
}

@德拉戈斯·波达鲁,这能回答你的问题吗?