Merkblatt Draw-Plugin: Wie auf ein - /ausblenden Zeichnung tools von Layer-Typ dynamisch

Ich bin mit draw-plugin in mein Projekt und ich würde gerne wissen, wie kann ich ein - /ausblenden Zeichnung tools von layer-Typ?

Zum Beispiel, sagen wir, ich habe 2 Schichten, einer von Ihnen Typ Polygon ist und die andere Linie.

Wenn Benutzer wählen Sie Polygon-layer, ich will verstecken Strichzeichnung tool.

Danach, Wenn Benutzer wählen Sie Linie Ebene, ich will ausblenden Polygon zeichnen-tool. Ich habe nach hier aber in diesem Beispiel ist die Herstellung von Werkzeugen statisch, ich möchte das ändern dynamisch. Wie kann ich das tun?

Jeder Vorschlag wird geschätzt.

InformationsquelleAutor Emre Koç | 2013-10-30
  1. 26

    Ich löste es selbst. Ich bin das hinzufügen dieses draw-Steuerelement, wenn die Karte initialisiert.

     drawControl = new L.Control.Draw({
    draw : {
        position : 'topleft',
        polygon : false,
        polyline : false,
        rectangle : false,
        circle : false

    },
    edit : false
});

map.addControl(drawControl);

    Danach, schrieb ich eine Funktion für das zurücksetzen der Zeichnung tools.

      function setDrawingTools(layerType) {

    map.removeControl(drawControl);

    if (layerType == 'Polygon') {

        drawControl = new L.Control.Draw({
            draw : {
                position : 'topleft',
                polygon : {
                    title : 'Draw a sexy polygon!',
                    allowIntersection : false,
                    drawError : {
                        color : '#b00b00',
                        timeout : 1000
                    },
                    shapeOptions : {
                        color : '#bada55'
                    },
                    showArea : true
                },
                polyline : false,
                rectangle : false,
                circle : false,
                marker : false
            },
            edit : false
        });
    } else if (layerType == 'Line') {

        drawControl = new L.Control.Draw({
            draw : {
                position : 'topleft',
                polygon : false,
                polyline : {
                    metric : false
                },
                rectangle : false,
                circle : false,
                marker : false
            },
            edit : false
        });
    } else if (layerType == 'Point') {

        drawControl = new L.Control.Draw({
            draw : {
                position : 'topleft',
                polygon : false,
                polyline : false,
                rectangle : false,
                circle : false

            },
            edit : false
        });

    }
    map.addControl(drawControl);
}
    • Ich habe nicht getestet, für mich, aber könnte man nicht alternativ erstellen Sie beide regler vorne und dann einfach auf hinzufügen/entfernen, je nach dem Zustand? Es könnte sein, etwas weniger ressourcenintensiv als die Wiederherstellung der Kontrolle jedes mal neu.
    • HALLO, ich bin neu in der Packungsbeilage. ich bin daran interessiert zu wissen, wie Sie arbeiten, Faltblatt mit draw-plug-in. würde u erstellen Sie eine demo bei jsfiddle, so kann ich Sie sehen und bekommen eine Vorstellung. Dank
    • Die 'position' - option sollte im root-Objekt, nicht in der 'zeichnen', zumindest für die Broschüre.zeichnen 0.2.4.
    • Danke, das war hilfreich.
    • Wie Verstecke ich die Kreis-Marker-Symbolleiste Element??
    • circlemarker: false Fall Senestive

    InformationsquelleAutor Emre Koç
  2. 4

    Es scheint, dass Sie nicht tun können, dass mit dem plugin, aber Sie können CSS verwenden, um ein - /ausblenden bestimmte Zeichnung tools beim Umschalten der Schichten.

    Die Tasten haben Klassen wie leaflet-draw-draw-polyline, leaflet-draw-draw-polygon usw.

    • Diese Lösung verdient mehr Stimmen! 1 und gemacht: $('.Broschüre-zeichnen-zeichnen-polygon').hide();
    InformationsquelleAutor Dan Burzo
  3. 0

    Es klingt wie Sie versuchen, zu gewinnen eine bessere Kontrolle der Sie Lagen. Schwer zu sagen ohne code gepostet. Haben Sie sich überlegt das hinzufügen und entfernen von Schichten nach Auswahl des Benutzers? Hier ist eine Dokumentation über das manipulieren der Ebenen. Und die syntax wäre so etwas wie:

    map.addLayer(layer_in_question);

    oder 

    map.removeLayer(layer_in_question);
    • Ich war nicht versuchen, hinzufügen oder entfernen-layer in die Karte. Ich habe versucht, anpassen, zeichnen tool von layer-Typ.
    InformationsquelleAutor Mr. Concolato
Schreibe einen Kommentar