【问题标题】:Get box boundaries from select box in OpenLayers从 OpenLayers 中的选择框中获取框边界
【发布时间】:2013-03-18 18:19:21
【问题描述】:

我有一个 OpenLayers 地图,我希望用户能够通过拖动鼠标来绘制一个框(类似于this example here,首先选择“选择特征(选择了0个特征)”选项)并获得边界画框。

我可以像下面这样使用 smth 来绘制方框,但是当地图中没有要素或未选择要素时,它就不起作用了,而且肯定会这样。

new OpenLayers.Control.SelectFeature(this._layers.osm, {
        multiple: true,
        box: true, 
        hover: false, 
        toggleKey: 'ctrlKey', 
        multipleKey: 'shiftKey',
        onBeforeSelect: function() {
            console.log(arguments);
        }
    })

是否有一种简单的方法可以在 OpenLayers 中完成此任务,或者我应该通过跟踪鼠标拖动和相应地绘制/删除多边形来自己完成繁重的工作?

谢谢。

【问题讨论】:

    标签: javascript openlayers


    【解决方案1】:

    尝试使用SelectFeature控件的"boxselectionend"事件(需要2.12)

    但是这个事件不返回边界或所做的选择,只返回一个图层数组。

    另一种选择是在外部创建 Handler.Box,这就是我在某些情况下所做的:

    var mySelectFeature = OpenLayers.Control.SelectFeature(...);
    var myHandlerBox = new OpenLayers.Handler.Box(
        mySelectFeature, {
            done: function(bounds) {
                OpenLayers.Control.SelectFeature.prototype.selectBox.apply(
                                  mySelectFeature, arguments);
                ... your code ...
            }
        },
        {}
    );
    

    【讨论】:

    • 在仅包含 WMS 图层的地图中可能出现的特征是什么?我尝试了您的代码示例,但没有调用“完成”回调函数,因为没有选择任何功能,我想......谢谢。
    • 其实我采用了 Handler.Box 的方法,遇到了this example。我创建了一个自定义控件并在那里使用了 Handler.Box,如示例所示。 +1 并接受为我指明正确方向的答案。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2023-03-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多