Javascript 如何从地图中删除旧路线?

Javascript 如何从地图中删除旧路线?,javascript,google-maps-api-3,Javascript,Google Maps Api 3,在那里。 我在地图上有一个标记(Google Maps APIV3),每次我改变它的位置,我都会计算一条新路线到地图上最近的点。 这很好,但每次我改变标记的位置,地图仍然保持原来的路线。 我什么都试了,什么都没用。如何从地图中删除和删除旧路线 你可以在这个链接上看到问题 如果你移动蓝色记号笔,它就可以正常工作。 但如果你再次移动它,旧的路线仍然存在 这是密码 var mapOptions = { center: new google.maps.LatLng(-27.357246,-53.

在那里。 我在地图上有一个标记(Google Maps APIV3),每次我改变它的位置,我都会计算一条新路线到地图上最近的点。 这很好,但每次我改变标记的位置,地图仍然保持原来的路线。 我什么都试了,什么都没用。如何从地图中删除和删除旧路线

你可以在这个链接上看到问题 如果你移动蓝色记号笔,它就可以正常工作。 但如果你再次移动它,旧的路线仍然存在

这是密码

var mapOptions = {
    center: new google.maps.LatLng(-27.357246,-53.396022),
    zoom: 14,
    maxZoom: 17,
    mapTypeId: google.maps.MapTypeId.ROADMAP
}; 

var map = new google.maps.Map(document.getElementById('map_canvas'),mapOptions);
var marcador = new google.maps.LatLng(-27.355379,-53.397773);
var seuMarcador = new google.maps.Marker({
    position: marcador,
    map: map,
    icon: "http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png",
    title:"Mova essa marcador para seu endereço.",
    draggable: true
});

 google.maps.event.addListener(seuMarcador, 'mouseup', function(event) {
var addr = new Array(5);
    addr[0] = new google.maps.LatLng(-27.352646,-53.384881);
    addr[1] = new google.maps.LatLng(-27.344648,-53.395009);
    addr[2] = new google.maps.LatLng(-27.365562,-53.388859);
    addr[3] = new google.maps.LatLng(-27.366241,-53.401655);
    addr[4] = new google.maps.LatLng(-27.360467,-53.397476);

    //var a = new google.maps.LatLng(-27.357837,-53.395661);
    var a = event.latLng;
    var menorDistancia;
    var destinoFinal;
    var directionsDisplay;
    directionsDisplay = new google.maps.DirectionsRenderer();
    directionsDisplay.setMap(map);


    function calcRoute(inicio,fim) {
        var start = inicio;
        var end = fim;
        var request = {
            origin:start,
            destination:end,
            travelMode: google.maps.TravelMode.DRIVING
        };
        //I BELIVE THAT THE PROBLEM IS HERE
        var directionsService = new google.maps.DirectionsService();
        directionsService.route(request, function(result, status) {
            if (status == google.maps.DirectionsStatus.OK) {
                directionsDisplay.setDirections(result);
            }
        });
    }
});

不要为每个调用创建新的DirectionsRenderer,请重复使用同一个。将其从事件侦听器中删除:

directionsDisplay = new google.maps.DirectionsRenderer();

不要为每个调用创建新的DirectionsRenderer,请重复使用同一个。将其从事件侦听器中删除:

directionsDisplay = new google.maps.DirectionsRenderer();

请:1。删除不相关的代码(距离矩阵与此问题无关)。2.添加所有相关代码(代码段中没有定义映射,但已使用)。3.一个JSFIDLE或一个指向显示问题的实时版本的链接会很有用。删除不相关的代码(距离矩阵与此问题无关)。2.添加所有相关代码(代码段中没有定义映射,但已使用)。3.一个JSFIDLE或一个指向显示问题的实时版本的链接将非常有用。