传单抽奖 : differentiating between multiple controls

Question

我正在添加两个 Leaflet Draw 实例( https://github.com/Leaflet/Leaflet.draw )，如下所示(仅使用线条):

var drawControl = new L.Control.Draw({
    draw: {
        polygon: false,
        rectangle: false,
        circle: false,
        marker: false
    }
});
map.addControl(drawControl);

var drawControl2 = new L.Control.Draw({
    draw: {
        polygon: false,
        rectangle: false,
        circle: false,
        marker: false
    }
});
map.addControl(drawControl2);

现在我想听draw:drawvertex事件并根据我是否激活了 drawControl 做不同的事情或 drawControl2 :

map.on('draw:drawvertex', function (e) {
    console.log("Vertex drawn", e);
});

如何区分当前处于事件状态的 drawControl？

Answer 1

这是一种知道哪个 drawControl 处于事件状态的肮脏方法。

诀窍是将它们放在不同的 map 角落。它有助于检查哪个 ul.leaflet-draw-actions当用户绘制时可见。 div.leaflet-top中的那个或 div.leaflet-bottom 中的那个例如 :

var drawControl = new L.Control.Draw({
    position: 'topleft',
    draw: {
        polygon: false,
        rectangle: false,
        circle: false,
        marker: false
    }
});
map.addControl(drawControl);

var drawControl2 = new L.Control.Draw({
    position: 'bottomleft',
    draw: {
        polygon: false,
        rectangle: false,
        circle: false,
        marker: false
    }
});
map.addControl(drawControl2);

map.on('draw:drawvertex', function (e) {
    console.log("Vertex drawn", e);
    if ($('div.leaflet-top ul.leaflet-draw-actions').is(':visible')){
        console.log('it was drawn with drawControl');
    }
    else {
        console.log('it was drawn with drawControl2 !');
    }
});

它很脏，但它有效。