Google Maps Polyline - как мне его удалить?

Question

Итак, я проверил предыдущие вопросы по этому вопросу, которые все относятся к V2, который не помогает.

Итак, я создаю два маркера, сохраняю их в массиве как маркеры ["to"] и маркеры["from"]

А затем добавьте их с этим

function route(){
        for(var key in markers) {
           flightPlanCoordinates.push(markers[key].position);
       }
        flightPath = new google.maps.Polyline({
            path: flightPlanCoordinates,
            strokeColor: "#FF0000",
            strokeOpacity: 1.0,
            strokeWeight: 2
    });
   flightPath.setMap(map);
}

Brilliant.Но.В следующий раз, когда я использую его (с новыми маркерами в массиве), он просто добавляет туда полилинию, не удаляя предыдущую.Кажется, я все перепробовал, удалив из первого массива flightPath, setMap (null) и т. Д.

Как правильно удалить предыдущую строку перед рисованием новой?

РЕДАКТИРОВАТЬ: РЕШЕННОЕ РЕШЕНИЕ

function route(){
    var flightPlanCoordinates = [];
    for(var key in markers) {
        flightPlanCoordinates.push(markers[key].position);
    }
    if(flightPath) {
        flightPath.setPath(flightPlanCoordinates);
    } else {
        flightPath = new google.maps.Polyline({
            path: flightPlanCoordinates,
            strokeColor: "#FF0000",
            strokeOpacity: 1.0,
            strokeWeight: 2
        });
        flightPath.setMap(map);
    }
}

Причина: flightPlanCoordinates необходимо инициализировать в области видимости: при каждом использовании он сбрасывает массив, правильно его очищая.(Также спасибо за ввод, сделанный ниже, чтобы сделать код немного лучше.

Answer 1

Предполагая, что "mypolyline" является вашим объектом Polyline, вы также можете попробовать:

mypolyline.setPath([]);

Таким образом, вы берете координаты из полилинии, которая фактически удалит их с карты.

Answer 2

Я не вижу var до flightPath = new..., поэтому я предполагаю, что flightPath является глобальной переменной.

function route(){
   //flightPath.setMap(null); Doesnt't work!?
   for(var key in markers) {
       flightPlanCoordinates.push(markers[key].position);
   }
   if(flightPath) {//If flightPath is already defined (already a polyline)
       flightPath.setPath(flightPlanCoordinates);
   } else {
       flightPath = new google.maps.Polyline({
           path: flightPlanCoordinates,
           strokeColor: "#FF0000",
           strokeOpacity: 1.0,
           strokeWeight: 2
      });
      flightPath.setMap(map);//It's not necessary to setMap every time
   }

}

Answer 3

установить штрих-вес: 0, тогда полилиния будет скрыта

Answer 4

flightPath - это просто массив объектов LatLng, а не отдельные полилинии.Я думаю, что вам, вероятно, нужен отдельный массив для полилиний, который вы можете затем зациклить, чтобы удалить их все.Создайте строку глобального массива.

 var line = [];
 flightPath = new google.maps.Polyline({
        path: flightPlanCoordinates,
        strokeColor: "#FF0000",
        strokeOpacity: 1.0,
        strokeWeight: 2
    });
 line.push(flightPath);

Теперь вы помещаете все объекты полилинии в строку массива.Вы можете сделать его невидимым или удалить его с карты, зациклив его так:

for (i=0; i<line.length; i++) 
{                           
  line[i].setMap(null); //or line[i].setVisible(false);
}

Answer 5

function traffic(map){
 // polyline
 this.path=null;
 this.map = google.maps.Map(ele, opt);
}
traffic.prototype._draw = function()
{
    //create new polyline
    var path = new google.maps.Polyline({
        path: this.get('latlngArr'),
        strokeColor: "#FF0000",
        strokeOpacity: 1.0,
        strokeWeight: 2
    });
    //delete old
    var prepath = this.path;
    if(prepath){
        prepath.setMap(null);
    }
    //new polyline
    path.setMap(this.map);

    this.path = path;
}