3

私は OpenLayers を使用しており、マップ用のレイヤーと単一のベクターレイヤーがあります。このベクター レイヤーでは、DrawFeature コントロールを使用して正方形を描画しています。次のように、機能が追加されるのを待ってから既存の機能を削除するリスナーがあります (一度に 1 つの正方形のみが必要です)。

  polygonLayer.events.register("beforefeatureadded", feature, function(evt){
         console.log("Clearing existing polygons");
         console.log(polygonLayer.features.length);
         polygonLayer.destroyFeatures();
         polygonLayer.redraw();
        });//end attempt at events registration

layer.features.size を確認すると、予想どおり常に 1 であることがわかりますが、画面上の四角はまだ表示されています。レイヤーで . redraw() を呼び出しても、正方形はまだそこにあります。

私が見逃している余分なステップはありますか？

編集: ここで私のコードを見つけることができます: http://pastie.org/909644

編集:今気づいた:以前に存在した座標から正方形を描くと、それをうまくクリアできます。問題があるのは、コントローラーから描かれた正方形だけのようですか?

4

4 に答える 4

7

最初にコントロールを作成する必要があります:

ClearMap.clearMapControl = function () {
    var control = new OpenLayers.Control.Button();
    Map.map.addControl(control);
    return control;
};

次に、ClearMapControl をアクティブにするボタンが必要です

ClearMap.newClearMapButton = function () {
    var button = new OpenLayers.Control.Button({
        id : 'clearMapButton',
        type : 1,
        title : 'Clear Map',
        displayClass : 'clearMapButton',
        trigger : clearControlActivate,
    });
    return button;
}

次に、情報または機能のレイヤーをクリアするためにアクティブなボタンのアクションが必要です

var clearControlActivate = function(){
    for(var i=0; map.popups.length; i++) {
        map.removePopup(map.popups[i]);         
    }

  for(var j=0; j < map.layers.length; j++){
      if(map.layers[j].__proto__.CLASS_NAME == "OpenLayers.Layer.Vector"){
          map.layers[j].removeAllFeatures();
      }
  }
}

私の英語でごめんなさい

于 2012-06-12T16:34:11.550 に答える
2

さて、私はこれを理解したと思います。定期的に描画すれば四角をクリアできることに気づき、機能を追加する前のコードに問題があることに気づきました。私はそこで正方形のクリアを取り除きました、そして確かに、私がボタンから手動でクリアを呼び出すと、それらは消えました。

そのため、機能を追加しながらすべての機能をクリアしようとすると問題が発生しました。

私がやったことは、「featureadded」を使用してから、削除する機能のリストから機能を削除することです。チャームのように機能します。

     polygonLayer.events.register("featureadded", feature, function(evt){
        //only one circle at a time
               points = evt.feature.geometry.getVertices();
        console.log("Erasing old features: ");
        console.log(evt.feature);
        if(polygonLayer.features.length > 1){
        polygonLayer.destroyFeatures(polygonLayer.features.shift());
        };
        });//end after feature
于 2010-04-08T18:29:16.810 に答える
1

ベクターレイヤーから地物を削除したら、それをすべてのマップに適用する必要があります...

    map.layers[1].removeAllFeatures();

1 は私のベクターレイヤーの参照です!

于 2013-02-23T11:45:14.113 に答える
0

Legatoで使用しているコードは次のとおりです。

Legato.Control.DrawFeature = OpenLayers.Class(OpenLayers.Control.DrawFeature, {
  mode :1,
  callback :null,
  handlerConstructor :OpenLayers.Handler.Point,
  initialize : function(layer, options) {
    OpenLayers.Control.DrawFeature.prototype.initialize.apply(this, [ layer,
        this.handlerConstructor, options ]);

  },
  destroy : function() {
    OpenLayers.Control.DrawFeature.prototype.destroy.apply(this, arguments);
  },
  setMap : function(map) {
    OpenLayers.Control.DrawFeature.prototype.setMap.apply(this, arguments);
  },
  drawFeature : function(geometry) {
    var feature = new OpenLayers.Feature.Vector(geometry);
    var proceed = this.layer.events.triggerEvent("sketchcomplete", {
      feature :feature
    });
    if (proceed !== false) {
      feature.state = OpenLayers.State.INSERT;
      if (this.mode == 1) {
        this.layer.addFeatures( [ feature ]);
        this.featureAdded(feature);
        this.events.triggerEvent("featureadded", {
          feature :feature
        });
      }
      if (this.mode == 2) {
        this.layer.destroyFeatures();
        this.layer.addFeatures( [ feature ]);
        this.featureAdded(feature);
        this.events.triggerEvent("featureadded", {
          feature :feature
        });
      }
    }
    if (Legato.Lang.ObjectUtils.isFunction(this.callback)) {
      this.callback(geometry);
    }
  },

  CLASS_NAME :'Legato.Control.DrawFeature'
});
Legato.Control.DrawFeature.MODE_ADD_FEATURE = 1;
Legato.Control.DrawFeature.MODE_REPLACE_FEATURE = 2;
于 2010-04-08T18:16:38.187 に答える