如何在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即可隱藏標記，而不是將其從數組中刪除。