Question

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

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编辑工具栏。等等。

现在当我这么做（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;
}

Answer 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);

激活/停用OpenLayers.Controls.DrawFeature失败

1 个答案: