---
layout: example.html
title: Box selection example
shortdesc: Using a DragBox interaction to select features.
docs: >
  <p>This example shows how to use a <code>DragBox</code> interaction to select features. Selected features are added
  to the feature overlay of a select interaction (<code>ol.interaction.Select</code>) for highlighting.</p>
  <p>Use <code>Ctrl+drag</code> (<code>Meta+drag</code> on Mac) to draw boxes.</p>
tags: "DragBox, feature, selection, box"
---
<div class="row-fluid">
  <div class="span12">
    <div id="map" class="map"></div>
  </div>
  <div class="span4 offset4 pull-right">
    <div id="info" class="alert alert-success">
      &nbsp;
    </div>
  </div>
</div>