如何清除Angular Google地图上的路线

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）就可以了。