overlay - Openlayer 3 矩形选区

Question

我在 openlayer 3 中添加了一些叠加层。如果我单击 ctrl+鼠标左键单击并拖动鼠标以选择地图上的一个矩形区域，我是否需要获取该特定区域中列出的叠加层？

Answer 1

是的，可以使用 DragBox 元素。

这样您就可以声明元素：

var dragBox = new ol.interaction.DragBox({
    condition: ol.events.condition.platformModifierKeyOnly
});

您可以将其作为交互添加到您现有的地图中：

map.addInteraction(dragBox);

如果要添加一些行为，可以调用事件 boxstart 和 boxend：

dragBox.on('boxstart', function() {
    // Your stuff when the box starts being drawn
});
dragBox.on('boxend', function() {
    // Your stuff when the box is already drawn
});

您将在 OpenLayers 3 API 中找到更多信息：http: //openlayers.org/en/latest/apidoc/ol.interaction.DragBox.html

您还可以在此处查看框选择示例：https ://openlayers.org/en/latest/examples/box-selection.html