javascript - OpenLayers.Controls.DrawFeature的激活/停用失败

当我在回调函数的第一行中断并执行此操作时

this.active --> true
this.deactivate() --> true
this.activate() --> true
this.deactivate() --> false

这怎么会发生？

让我解释一下发生这种情况的地方。

该地图有两层，每层都有一个与其关联的EditingToolbar。

当用户按下多边形绘制（在EditingToolbar中）时，其绘制在“ polygon_layer”上。

当用户按下线条绘制或点绘制时，将切换该层，并且用户现在在“矢量”层上绘制。

切换图层时，需要激活EditingToolbar中的正确按钮，例如：

用户在“ polygon_layer”中绘制多边形，现在他想绘制线。他按下绘制线按钮（在与polygon_layer相关联的EditingToolbar中）。

我切换图层并激活该图层的EditingToolbar上的画线按钮。

一段时间后，用户现在想要再次绘制多边形，因此我停用了该层中的所有按钮，切换了图层并激活了图层中的绘制多边形按钮。
polygon_layer的EditingToolbar。等等。

现在，当我执行了足够的次数（3个开关）时，我注意到按钮不再处于禁用状态。

因此，我尝试调试并得到了上面描述的这个完全意外的错误（在最顶部）。

请告诉我我在做什么错。

我已经添加了代码，并将ERROR HERE放在发生这种情况的地方。此代码可以运行了。
您可以使用下面的HTML代码，只需更改对我提供的JavaScript文件的引用（我已经提供了JavaScript文件的内容）

JS FILE:
var map;
var editing_toolbar_polygon=null;
var editing_toolbar_vector=null;
var drag_control=null;
var vectors;
var polygon_layer=null;
var epsg900913 = new OpenLayers.Projection('EPSG:900913');
var epsg4326 = new OpenLayers.Projection('EPSG:4326');
//var epsg900913 = new OpenLayers.Projection('EPSG:900913');
// var epsg4326 = new OpenLayers.Projection('EPSG:4326');
var line_control;
var polygon_control;
var renderer;
function initialize() {
    line_control, renderer=OpenLayers.Util.getParameters(window.location.href).renderer;
    renderer= (renderer) ? [renderer] : OpenLayers.Layer.Vector.prototype.renderers;
    // Create the map object
    map = new OpenLayers.Map('map');
     //Create a Google layer
    var gmap = new OpenLayers.Layer.Google(
        "Google Streets", // the default
        {
            numZoomLevels: 20,
            projection: new OpenLayers.Projection("EPSG:900913")
        }
    );
    var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
             "http://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic',
    projection: new OpenLayers.Projection("EPSG:4326")});

    var mystyle=new OpenLayers.StyleMap({
        "default": new OpenLayers.Style({
             fillColor: "#66ccff",
             strokeColor: "#3399ff",
             graphicZIndex: 2,
             strokeWidth: 5,
         }),
        "temporary": new OpenLayers.Style({
             fillColor:"#3399ff",
             strokeColor: "#3399ff",
             strokeWidth:5,
             pointRadius:10

         })
    });
    polygon_layer=new OpenLayers.Layer.Vector(
        "Polygon Layer",
        {
            //renderers:renderer,
        }
    );

    vectors= new OpenLayers.Layer.Vector(
        "Vector Layer",
        {
            //renderers:renderer,
        }
    );

    editing_toolbar_polygon=new OpenLayers.Control.EditingToolbar(polygon_layer);
    editing_toolbar_vector=new OpenLayers.Control.EditingToolbar(vectors);
    map.addLayers([gmap,wms,vectors,polygon_layer]);
    map.addControl(new OpenLayers.Control.LayerSwitcher());
    //map.addControl(new OpenLayers.Control.MousePosition());
    map.addControl(editing_toolbar_polygon);
    map.addControl(editing_toolbar_vector);
    editing_toolbar_vector.deactivate();
    //for the drag control to work you need to activate it
    drag_control=new OpenLayers.Control.DragFeature(vectors);
    map.addControl(drag_control);
    find_control(editing_toolbar_polygon.getControlsByClass(new RegExp(".*DrawFeature")),"Point").events.register("activate",null,function(e){
      //ERROR HERE
        this.deactivate();
        var picked_button=find_same_control(editing_toolbar_vector.controls,e.object);
        change_layer(polygon_layer,vectors);
        change_control(editing_toolbar_polygon,editing_toolbar_vector);
        picked_button.activate();
    });
    find_control(editing_toolbar_polygon.getControlsByClass(new RegExp(".*DrawFeature")),"Path").events.register("activate",null,function(e){
      //ERROR HERE
        this.deactivate();
        var picked_button=find_same_control(editing_toolbar_vector.controls,e.object);
        change_layer(polygon_layer,vectors);
        change_control(editing_toolbar_polygon,editing_toolbar_vector);
        picked_button.activate();
    });
    find_control(editing_toolbar_vector.getControlsByClass(new RegExp(".*DrawFeature")),"Polygon").events.register("activate",null,function(e){
      //ERROR HERE
        this.deactivate();
        var picked_button=find_same_control(editing_toolbar_polygon.controls,e.object);
        change_layer(vectors,polygon_layer);
        change_control(editing_toolbar_vector,editing_toolbar_polygon);
        picked_button.activate();
    });
    polygon_layer.events.register("beforefeatureadded",null,function(e){
            polygon_layer.removeAllFeatures();
    });
   // line_control=new OpenLayers.Control.DrawFeature(vectors,OpenLayers.Handler.Path);
    //polygon_control=new OpenLayers.Control.DrawFeature(vectors,OpenLayers.Handler.RegularPolygon);
    //map.addControl(line_control);
    //line_control.activate();
    //map.addControl(polygon_control);
    //polygon_control.activate();
    // Zoom to Vancouver, BC
    map.setCenter(new OpenLayers.LonLat(-123.12, 49.28).transform(epsg4326, epsg900913), 13);

}

function change_layer(current_layer,next_layer){
   current_layer.setVisibility(false);
   next_layer.setVisibility(true);
}
function change_control(current_control,next_control){
   current_control.deactivate();
   map.addControl(next_control);
}

//use this when you want to find a specific control type:
// DrawFeature cntrol has many types, Line, Polygon, Point.
// So what you do is pass an array of DrawFeature controls and a type(string), lets say "Point",
// then this function will return a DrawFeature thats specifically for drawing points
function find_control(controls,type){
    var control;
    for(var x in controls){
        if(controls[x].displayClass.search(new RegExp(type+"$"))>0){
             return controls[x];
        }
    }
    return -1;
}

最佳答案

我只是尝试了一个简单的测试。
停用控制器时，只需删除控制器的事件。
因此，对于OpenLayers.Control.LayerSwitcher，取消激活此控制器是没有用的，因为没有任何更改，您仍然可以选择一个图层。

我认为最好的方法是为多边形删除控制器，然后为线条添加控制器。

当您选择“ polygon_layer”时：

map.addControl(editing_toolbar_polygon);
map.removeControl(editing_toolbar_vector);

当您选择“向量”时：

map.addControl(editing_toolbar_vector);
map.removeControl(editing_toolbar_polygon);