0

我正在动态地创建不同的图层，其中包含各种功能，一切都是即时的，并且在选择每个特定功能时我需要做一些事情。我不能在这里粘贴实际的源代码，因为它有依赖关系，而且它也很长，但你可以想象如下：

if (e.Bubbles) {
     jQuery.each(e.Bubbles, function (i, obj) {
         jQuery.each(obj, function (n, el) {

             /* features and layers ... */
             var point = new OpenLayers.Geometry.Point(el[1],el[0]);

             /* some code here ... */
         });

         layer = new OpenLayers.Layer.Vector(i, {styleMap: e.Style});
         map.addLayer(layer);
         e.Layers.push(layer);

         /* etc. */

当我尝试将onSelect事件绑定到图层时，它可以工作，但它会替换上一层的行为，因此loop当您单击功能时，最后一层可以正常工作，但只有最后一层。这是我的代码（在循环内）：

selectControl = new OpenLayers.Control.SelectFeature(
    Layer,
    {
        clickout: false, 
        toggle: false,
        multiple: false, 
        hover: false,
     }
 );

selectControl.activate();

layer.events.on({
    "featureselected": function(event) {
        console.log(event.feature);
    }
});

因此，selectControl每次都会在循环内替换，并且它将失去以前的功能，并且仅适用于最新层。

我也尝试将所有层作为数组传递（这应该可以工作）但没有任何成功。

selectControl = new OpenLayers.Control.SelectFeature(
    e.Layers,
    {
        clickout: false, 
        toggle: false,
        multiple: false, 
        hover: false,
        onSelect: function(event) {
            console.log(event.feature);
        },
    }
);

selectControl.activate();
4

1 回答 1

1

所以，这就是答案！

if (typeof selectControl == "object") {
    selectControl.setLayer(map.getLayersByClass("OpenLayers.Layer.Vector"));

} else {

    selectControl = new OpenLayers.Control.SelectFeature(
        layer,
        {
            clickout: false, 
            toggle: false,
            multiple: false, 
            hover: false,
        }
    );

    map.addControl(selectControl);
    selectControl.activate();               
}

layer.events.on({
    "featureselected": function(event) {
        console.log(event.feature);
    }
});
于 2013-04-16T12:38:19.330 回答