如何在Angular2 Google地图中删除标记

Question

谁能帮我在angular2 Google地图中删除Sebm Google地图中的标记？ 当我将标记的可见性设置为false时，它正在工作。 它使标记隐藏。 但是我需要从标记数组中删除整个标记。

app.component.html

<sebm-google-map  [latitude]="lat" [longitude]="lng" [zoom]="zoom" (mapClick)="mapClicked($event)">
 <sebm-google-map-marker *ngFor="let m of markers" [latitude]= 'm.lat' [longitude]='m.lng'  [visible]='m.visible' (markerClick)="clickedMarker(m)" [iconUrl]='m.iconUrl' [label]="">
  <sebm-google-map-info-window>
   <p>info window</p>
  </sebm-google-map-info-window>
 </sebm-google-map-marker>
</sebm-google-map>

app.component.ts

this.markers.push(
{
 id: m.perma_link,
 title: null,
 isOpen: false,
 lat: parseFloat(m.latitude),
 lng: parseFloat(m.longitude),
 label: m.event_name,
 address: m.address,
 mobile: parseFloat(m.mobile),
 phone: m.phone,
 visible: true,
 image: img_result,
 iconUrl: 'events.png'
})

Answer 1

空数组

this.markers = [];

通过过滤器排序数组

  this.markers.filter( (markers) => {
    return markers.id !== 2;
    }
)

返回一个不带标识为2的标记的新数组。

我通常只将可见性设置为true或false即可隐藏标记，而不是将其从数组中删除。