标记周围的角度为2/4的mapbox半径

Question

有没有人知道是否可以使用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>

​

链接到存储库：repo

我猜这就是他们所支持的全部。

Answer 1

mapbox中的一个标记是HTML DOM，所以你可以使用CSS来设置标记的样式(例如，不特定于mapbox的角度组件库)。

为此，请使用className .marker在CSS中指定，并应用所需的CSS样式。

示例

.marker {
  border-radius: 50%;
  border: 1px solid #f00;
}

假设您只想自己创建一个CSS循环

circle

.marker {
  border-radius: 50%;
  background-color: red;
  height: 10px;
  width: 10px
}

您可以使用伪选择器在后面创建一个circle元素，并相应地进行定位。

伪

.marker:after {
  content: "";
  display: block;
  border-radius: 50%;
  background-color: red;
  height: 10px;
  width: 10px
}