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

问题描述 投票:1回答:1
<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地图实现路线的代码。我给出了原点,目的地和航点阵列,问题是当我创建新路线时,新旧路线都停留在地图上。但我想重置/清除方向,以便我只能在地图上显示新的方向路线。

angular angular-google-maps google-maps-direction-api
1个回答
1
投票

通常,当您实施路线时,您将拥有DirectionsRenderer实例(来自实例化新的google.maps.DirectionsRenderer)。要将其附加到地图上,您可以执行类似的操作

_directionsRenderer.setMap(this.map) 

因此,要摆脱方向,您需要“取消设置”地图。最好的方法是:

_directionsRenderer.setMap(null)

实际上,只要你有一个setMap,任何时候事情都会更新你想要setMap(null)就可以了。

© www.soinside.com 2019 - 2024. All rights reserved.