openlayers copy and past(复制粘贴实现)copyfeature.js

openlayers实现多图层的复制粘贴功能,首先选中要复制的要素,单击复制,键盘“ctrl+V”复制至鼠标左下角处。

OpenLayers.Control.CopyFeature = OpenLayers.Class(OpenLayers.Control, {
layer:null,
layers:null,

    initialize: function(layers) {
    this.initLayer(layers);
        OpenLayers.Control.prototype.initialize.apply(this, arguments);
    },   
    
    initLayer: function(layers) {
        if(OpenLayers.Util.isArray(layers)) {
            this.layers = layers;
            this.layer = new OpenLayers.Layer.Vector.RootContainer(
                this.id + "_container", {
                    layers: layers
                }
            );
        } else {
            this.layer = layers;
        }
    },
        
    destroy: function() {
        if (this.handler) {
            this.handler.destroy();
        }        
        this.handler = null;
        
        OpenLayers.Control.prototype.destroy.apply(this, arguments);
    },
    draw: function() {
        this.handler = new OpenLayers.Handler.Keyboard( this, { 
"keydown": this.defaultKeyPress 
}, {
"keyMask": OpenLayers.Handler.MOD_CTRL
}
);
        this.activate();
    },
    defaultKeyPress: function (evt) {      
        switch(evt.keyCode) {
            case 86: {
            var layers = this.layers || [this.layer];
            var layer;
            for(var l=0;l<layers.length;l++){
            layer = layers[l];
               for(var i=0;i<layer.selectedFeatures.length;i++){
var vector = layer.selectedFeatures[i];
               if(vector) {
                var copyVector = vector.clone();
                   layer.addFeatures([copyVector]);                
layer.selectedFeatures[i].geometry.move(
Global.locus.copy.target.lon-Global.locus.copy.source.lon,
Global.locus.copy.target.lat-Global.locus.copy.source.lat
);
layer.drawFeature(layer.selectedFeatures[i]);
            }
            }
            }
            Global.locus.copy.source = Global.locus.copy.target;
       
        }          
    },
    CLASS_NAME: "OpenLayers.Control.CopyFeature"
});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值