如何在Angular谷歌地图上清除路线

Question

<agm-map
        [zoom]="mapConfig.zoom"  [styles]="mapConfig.styles" 
        [latitude]="currLate" [longitude]="currLongi"
        >
        <agm-direction *ngIf="path" 
        [origin]="path.origin" 
        [destination]="path.destination"
        [waypoints]="waypoints"
        ></agm-direction>
</agm-map> 

这是我的代码，用于使用Angular Google地图实现路线。 我给出了起点，目的地和航路点数组，问题是当我创建新路线时，旧路线和新路线都保留在地图上。 但是我想重置/清除方向，以便我只能在地图上显示新的方向路线。

Answer 1

通常，在实施路线指示时，您将拥有DirectionsRenderer实例（通过实例化新的google.maps.DirectionsRenderer）。要将其附加到地图上，您将执行

之类的操作

_directionsRenderer.setMap(this.map) 

因此，要摆脱这些路线，您需要“取消设置”地图。最好的方法是：

_directionsRenderer.setMap(null)

实际上，无论您拥有setMap的任何地方，只要有更新，您都希望在其上设置setMap（null）。