Javascript 谷歌地图上的清晰方向路线

有一个奇怪的问题。我有一张地图，上面有各种标记。在信息窗口中，您可以单击“获取方向”，从而触发onClick。。。第一次路线正确显示，但如果单击其他标记并询问方向。。。绘制新路线时，不会从地图中清除上一条方向路线

我已经尝试了一些东西，更具体地说，提供了一些解决方案，但似乎没有任何效果

我的代码是：

    function getDirections(id) {

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

        var start = document.getElementById('pos1').innerHTML;
        var end = document.getElementById('pos'+id).innerHTML;

        end = end.slice(0, -1);
        end = end.substring(1);

        directionsDisplay.setMap(null);
        directionsDisplay.setMap(map);
        directionsDisplay.setPanel(document.getElementById('directions'));

        directionsService.route({
            origin: start,
            destination: end,
            travelMode: google.maps.TravelMode.DRIVING
        }, function(response, status) {
            if (status === google.maps.DirectionsStatus.OK) {
                directionsDisplay.setDirections(response);
                console.log(response);
            } else {
                window.alert('Directions request failed due to ' + status);
            }
        });

        disableMovement(false);
        infoWindow.close();

        var control = document.getElementById('directions');
        control.style.display = 'block';
        map.controls.push(control);
    }

在这张照片上你可以看到我得到了什么。。。在绘制新路线之前，之前的路线没有从地图上删除

---

答案，以防将来有人需要它

这些：

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

必须在单击事件之外