javascript - OL3 删除拖动框交互

Question

我想删除我在 js 类中添加的 map 的交互，但是当我尝试删除其他类中的该交互时，我不知道该怎么做，因为我无法访问交互对象在我需要的类(class)中......

我有这段代码(我添加了交互):

...
var dragBox = new ol.interaction.DragBox({
        condition: ol.events.condition.always,
        style: new ol.style.Style({
            stroke: new ol.style.Stroke({
                color: [0, 0, 255, 1]
            })
        })
    });

    mapa.addInteraction(dragBox);

    dragBox.on('boxend', function(e) {
        if (capaActiva != null) {
            var info = [];
            var extent = dragBox.getGeometry().getExtent();
            var ext = extent.toString().split(',');

            var ext1 = ext[0];
            var ext2 = ext[1];
            var ext3 = ext[2];
            var ext4 = ext[3];

            var tfn = ol.proj.getTransform('EPSG:3857', 'EPSG:4326');
            var textent = ol.extent.applyTransform([ext1, ext2, ext3, ext4], tfn).toString();
...

删除交互的 js 类:

...
cerrar: function(){
    mapa.removeInteraction(dragBox);
}
...

在第二节课中，我收到错误:

dragBox is not defined

如何访问和删除第二堂课中的交互？

Answer 1

dragBox 需要在两个范围内均可访问。

如果没有看到更多代码，很难说，但你可以做到

this.dragBox = new ol.interaction.DragBox({
        condition: ol.events.condition.always,
        style: new ol.style.Style({
            stroke: new ol.style.Stroke({
                color: [0, 0, 255, 1]
            })
        })
    });

    mapa.addInteraction(this.dragBox);

    this.dragBox.on('boxend', function(e) { ......

.......................
cerrar: function(){
    mapa.removeInteraction(dragBox);
}

如果它们不在同一个对象中，那么您需要确保可以从两个作用域访问拖放框变量