L'API Google Maps v3 supprimer toutes les polylignes

Peu de fond. J'ai une configuration de la navigation lorsque vous cliquez sur un certain élément de navigation, il crée markers sur la carte. Si vous cliquez sur un autre élément de navigation, il supprime le précédent markers et met en place de nouveaux.

Bien maintenant, je travaille avec polylines et essayer de créer le même concept, ici, avec la polylines, cependant, je vais avoir un moment difficile. Voici ce que j'ai:

    //Global variable for array of lines
    var points= [];

Installation de mes points.

    line1 = new google.maps.LatLng(line1Start, line1Finish);
    line2 = new google.maps.LatLng(line2Start, line2Finish);
    line3 = new google.maps.LatLng(line3Start,line3Finish);

    points.push(line1, line2, line3);

Installation de mon polylignes.

    var polyline = new google.maps.Polyline({
       path:points,
       strokeColor:"#FF0000",
       strokeOpacity:1.0,
       strokeWeight:2
    });

Initialiser la carte avec des lignes.

    polyline.setMap(map);

Tous fonctionne bien. Les lignes sont créées et se manifester entre mes marqueurs. Maintenant, permet de supprimer (ou pas...)

    function removeLines() {
      if (points) {
           points.length = 0;
      }
      points = [];
    }

removeLines() est appelée au début de la fonction à effacer, puis les nouvelles sont de l'installation. En effet, efface mes points dans la matrice de points, toutefois, sur la carte elle-même la polylines encore de se montrer et de ne disparaissent pas comme mes marqueurs faire.

Ce qui donne?!

OriginalL'auteur Romes | 2012-03-01

  1. 32

    Que vous avez à faire polyline.setMap(null), qui va supprimer la ligne de la carte. La Documentation.

    Wow.. je le faisais avant, cependant, j'ai été faire une boucle sur la matrice de points et de faire des points[i].setMap(null); Évidemment, cela doit être sur la polyligne et non pas la matrice de points... DUH. +1 merci de m'aider à réaliser ça 🙂

    OriginalL'auteur friism

  2. 13

    polyligne est juste un tableau de LatLng objets, et non les Polylignes. Je pense que vous avez probablement besoin d'un tableau séparé pour les polylignes, que vous pouvez ensuite passer en boucle de toutes les supprimer. Créer un tableau global de la ligne.

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

    Vous êtes maintenant en poussant tous les polyligne objets dans un tableau ligne. Vous pouvez rendre invisible ou de la supprimer de la carte par une boucle comme ceci:

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

    OriginalL'auteur Aravind Asok