So entfernen Sie Polylinien google maps api 3

Kann mir jemand sagen, warum kann ich nicht entfernen, meine Polylinien mit diesem code:

    $("#chkRouteLines").click(function () {

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

    if ($(this).is(':checked')) {
        polyline.setMap(map);
    } else {
        polyline.setMap(null);
    }
})

Fand ich in der Dokumentation der google maps api 3, die ich tun müssen: setMap(null)..
Aber das hat nicht funktioniert.

Danke!

  • stackoverflow.com/questions/9511474/...
  • Vielleicht Lesen die Frage. Ich sagte setMap(null) nicht hier arbeiten. Ich habe auch gelesen, die Frage ALSO, bevor.
  • warum würde die gleiche api arbeiten manchmal und andere nicht? bekommst du Fehler? Auch, warum haben Sie 2 semi Doppelpunkte nach Ihrem Polylinie var setup?
  • keine Fehler, ich sehe die Zeilen, aber ich kann nicht entfernen Sie Sie.
  • Du gehst zur post müssen der vollständige code für die Seite oder einen link darauf. Ich vermute, es ist eine andere Polylinie, die Sie sehen. Wie haben Sie die Polylinie gezeichnet, in den ersten Platz? Mit der DirectionsRenderer vielleicht?
InformationsquelleAutor Sllix | 2012-08-26
  1. 4

    Sind Sie nicht die Beibehaltung einer Bezugnahme auf die Polylinie, es ist lokal auf die "$("#chkRouteLines").klicken Sie auf" Funktion. Wenn Sie eine Polylinie, machen der Verweis auf die es global.

    var polyline = null; //in the global scope

$("#chkRouteLines").click(function () {
    if (!polyline || !polyline.setMap) {
      polyline = new google.maps.Polyline({
        path: positions,
        strokeColor: "#FF0000",
        strokeOpacity: 1.0,
        strokeWeight: 2,
        visible: true
      }); 
    }

if ($(this).is(':checked')) {
    polyline.setMap(map);
} else {
    polyline.setMap(null);
}

    arbeiten Geige

    Wenn Sie brauchen, um hinzuzufügen und zu entfernen, mehrere verschiedene Polylinien, ein array in der Regel funktioniert.

    code-snippet:

    JS:

    var geocoder;
var map;
var polyline;

positions = [new google.maps.LatLng(37.441883,-122.143019),
             new google.maps.LatLng(37.45296,-122.181725)];
function initialize() {
    var map = new google.maps.Map(
    document.getElementById("map_canvas"), {
        center: new google.maps.LatLng(37.4419, -122.1419),
        zoom: 13,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    });
    
    $("#chkRouteLines").click(function () {
        if (!polyline || !polyline.setMap) {
          polyline = new google.maps.Polyline({
            path: positions,
            strokeColor: "#FF0000",
            strokeOpacity: 1.0,
            strokeWeight: 2,
            visible: true
          }); 
        }

    if ($(this).is(':checked')) {
        polyline.setMap(map);
    } else {
        polyline.setMap(null);
    }
})


}
google.maps.event.addDomListener(window, "load", initialize);

    CSS:

    html, body, #map_canvas {
    height: 90%;
    width: 100%;
    margin: 0px;
    padding: 0px
}

    HTML:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="map_canvas" style="border: 2px solid #3872ac;"></div>
<input id="chkRouteLines" value="click" type="checkbox" />

    • Du gehst zur post müssen der vollständige code für die Seite oder einen link darauf. Ich vermute, es ist eine andere Polylinie, die Sie sehen. Wie haben Sie die Polylinie gezeichnet, in den ersten Platz? Mit der DirectionsRenderer vielleicht?
    • Initialisieren Polyline-Objekt nach der Initialisierung map-Objekt, beide in denselben Funktionsumfang. Und dann In deinem onclick-Funktion nur rufen Sie setMap-Funktion mit Ihren Argumenten. Auf diese Weise werden Ihre Karte wird eine einzelne Polylinie Objekt, und Sie werden nicht verlieren Ihre Referenz vor dem löschen von der Karte. Diese Lösung funktioniert gut für mich.
    InformationsquelleAutor geocodezip
  2. 0

    Polylinie wird nur ein array von LatLng-Objekten, nicht einzelne Polylinien. Ich denke, dass Sie wahrscheinlich brauchen einen separaten array für die Polylinien, die Sie dann Durchlaufen, um Sie alle entfernen. Erstellen Sie eine Globale array-Zeile.

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

    Nun sind Sie schieben alle die polyline-Objekte in ein array-Zeile. Sie können machen es unsichtbar oder entfernen Sie es von der Karte abzuspielen wie diese:

    for (i=0; i<line.length; i++) 
{                           
  line[i].setMap(null); 
}
    InformationsquelleAutor Aravind Asok
  3. 0

    In Beispiel Entfernen einer Polylinie, die die Google-Beispiel, Sehen, dass Sie erstellte Globale variable flightPath und initialisiert es in der Funktion initialisieren mit Polyline Objekt. Auf diese Weise brauchen wir nicht verlieren, seine Referenz auf den button klicken.Also mit dem code flightPath.setMap(null); die Haut der Polyline aus map.

    In Ihrem Beispiel , Sie sind
    initialisieren polyline auf click Ereignis, so überschreiben Sie die vorherigen Polyline Objekt-Referenz und das ist, warum es ist nicht versteckt, wenn Sie anrufen polyline.setMap(null); Folgen Sie dem Beispiel, es richtig zu machen.

    InformationsquelleAutor Dashrath
Schreibe einen Kommentar