从谷歌地图API删除路线

时间:2018-03-16 20:12:52

标签: angular google-maps ionic-framework ionic2

所以我在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()”并删除此方向。

感谢您的帮助!

1 个答案:

答案 0 :(得分:2)

您可以使用:

directionsDisplay.setMap(null);