从 google 地图 api 中删除路线

Question

所以我在 Ionic 中创建了 Google 地图 API，应用程序显示了从地点 A 到 B 的方向。但是我不知道怎么从地图上清除它。

我有一个启动 startNavigating() 的按钮

这是我的 .ts 函数：

 startNavigating(){

    let directionsService = new google.maps.DirectionsService;
    let directionsDisplay = new google.maps.DirectionsRenderer;
    

    directionsDisplay.setMap(this.map);
    directionsDisplay.setPanel(this.directionsPanel.nativeElement);

    directionsService.route({
        origin: this.StartN,
        destination: this.EndN,
        travelMode: google.maps.TravelMode['DRIVING']
    }, (res, status) => {

        if(status == google.maps.DirectionsStatus.OK){
            directionsDisplay.setDirections(res);
        } else {
            console.warn(status);
        }

    });

    let mapOptions = {
      zoom: 15,
    }; 

  
}

我想创建一个开始 "clean()" 并删除此方向的按钮。

感谢帮助！

Answer 1

你可以使用这个：

directionsDisplay.setMap(null);

从 google 地图 api 中删除路线

Remove directions from google map api

google-maps

ionic-framework

ionic2

angular