DragBox允许用户在地图上拉一个矩形进行操作，比如拖拽一个矩形可以对地图进行放大，在矢量图层上拖拽一个矩形选择要素等操作，都可以使用DragBox来完成。使用起来很简单，首先创建一个Translate对象，然后再使用Map的addInteraction方法添加该对象。点击Ctrl按键，然后再拖动鼠标，可以进行拖拽移动操作。
var dragBox = new DragBox({
condition: ol.events.condition.platformModifierKeyOnly
});
map.addInteraction(dragBox);
属性
- className：给拖拽的矩形框设置
CSS类名。- condition：指定一个浏览器事件执行拖拽的操作。
- minArea：拖拽后矩形的最小面积。
- boxEndCondition：设置一个函数，来判断是否触发
boxend事件。- onBoxEnd：结束时触，但优先于
boxend的回调函数。
方法
- getGeometry：获取拖拽矩形的几何对象。
事件
- boxdrag：拖拽时触发。
- boxend：拖拽结束后触发。
- boxstart：开始拖拽时触发。
个人博客
网友评论