---
layout: example.html
title: Box Selection
shortdesc: Using a DragBox interaction to select features.
docs: >
  <p>This example shows how to use a <code>DragBox</code> interaction to select features. Features are
  selected using a select interaction (<code>ol/interaction/Select</code>), to recieve highlighting
  and apply filters (features with color <span style="background-color: #CC6767;">#CC6767</span> are not selectable)</p>
  <p>Use <code>Ctrl+Drag</code> (<code>Command+Drag</code> on Mac) to draw boxes.</p>
tags: "DragBox, feature, selection, box"
---
<div id="map" class="map"></div>
<div>Selected regions: <span id="info">None</span></div>