diff --git a/src/components/BBoxEntry.vue b/src/components/BBoxEntry.vue
new file mode 100644
index 000000000..c1e34c232
--- /dev/null
+++ b/src/components/BBoxEntry.vue
@@ -0,0 +1,156 @@
+<template>
+  <b-container>
+    <b-form-row>
+      <b-col>
+        <b-form-group :label="$t('boundingBox.swLatitude')" label-for="sw_latitude">
+          <b-form-input
+            id="sw_latitude"
+            lazy
+            @change="updateBBoxArray($event, 1)"
+            v-model="sw_latitude"
+            :state="isSwLatitudeValid"
+            type="number"
+            no-wheel
+            step="1"
+          />
+          <b-form-invalid-feedback id="input-live-feedback">
+            {{ sw_latitude < -90 || sw_latitude > 90 ?
+              $t('boundingBox.latitudeRangeError'):
+              $t('boundingBox.swLatitudeSizeError') 
+            }}
+          </b-form-invalid-feedback>
+        </b-form-group>
+      </b-col>
+      <b-col>
+        <b-form-group :label="$t('boundingBox.swLongitude')" label-for="sw_longitude">
+          <b-form-input
+            id="sw_longitude"
+            lazy
+            @change="updateBBoxArray($event, 0)"
+            v-model="sw_longitude"
+            :state="isSwLongitudeValid"
+            type="number"
+            no-wheel
+            step="1"
+          />
+          <b-form-invalid-feedback id="input-live-feedback">
+            {{ sw_longitude < -180 || sw_longitude > 180 ?
+              $t('boundingBox.longitudeRangeError'):
+              $t('boundingBox.swLongitudeSizeError') 
+            }}
+          </b-form-invalid-feedback>
+        </b-form-group>
+      </b-col>
+    </b-form-row>
+    <b-form-row>
+      <b-col>
+        <b-form-group :label="$t('boundingBox.neLatitude')" label-for="ne_latitude">  
+          <b-form-input
+            id="ne_latitude"
+            lazy
+            @change="updateBBoxArray($event, 3)"
+            v-model="ne_latitude"
+            :state="isNeLatitudeValid"
+            type="number"
+            no-wheel
+            step="1"
+          />
+          <b-form-invalid-feedback id="input-live-feedback">
+            {{ ne_latitude < -90 || ne_latitude > 90 ?
+              $t('boundingBox.latitudeRangeError'):
+              $t('boundingBox.neLatitudeSizeError') 
+            }}
+          </b-form-invalid-feedback>
+        </b-form-group>
+      </b-col>
+      <b-col>
+        <b-form-group :label="$t('boundingBox.neLongitude')" label-for="ne_longitude">
+          <b-form-input
+            id="ne_longitude"
+            lazy
+            @change="updateBBoxArray($event, 2)"
+            v-model="ne_longitude"
+            :state="isNeLongitudeValid"
+            type="number"
+            no-wheel
+            step="1"
+          />
+          <b-form-invalid-feedback id="input-live-feedback">
+            {{ ne_longitude < -180 || ne_longitude > 180 ?
+              $t('boundingBox.longitudeRangeError'):
+              $t('boundingBox.neLongitudeSizeError') 
+            }}
+          </b-form-invalid-feedback>
+        </b-form-group>
+      </b-col>
+    </b-form-row>
+  </b-container>
+</template>
+
+<script>
+import { BFormInput, BFormGroup, BFormInvalidFeedback} from 'bootstrap-vue';
+
+export default {
+  name: 'BBoxEntry',
+  components: {
+    BFormGroup,
+    BFormInput,
+    BFormInvalidFeedback,
+  },
+  props: {
+    bbox: {
+      type: [Array, null],
+      default: () => ([-180, -80, 180, 80]),
+      validator(value) {
+        return Array.isArray(value) && value.length === 4 && value.every((e) => typeof e === 'number');
+      }
+    }
+  },
+  data() {
+    return {
+      sw_latitude: Math.round(this.bbox[1]),
+      sw_longitude: Math.round(this.bbox[0]),
+      ne_latitude: Math.round(this.bbox[3]),
+      ne_longitude: Math.round(this.bbox[2]),
+    };
+  },
+  computed: {
+    isSwLatitudeValid() {
+      if (this.sw_latitude >= -90 && this.sw_latitude < this.ne_latitude) {
+        return null;
+      } else {
+        return  false;
+      }
+    },
+    isSwLongitudeValid() {
+      if (this.sw_longitude >= -180 && this.sw_longitude < this.ne_longitude) {
+        return null;
+      } else {
+        return  false;
+      }
+    },
+    isNeLatitudeValid() {
+      if (this.ne_latitude <= 90 && this.ne_latitude > this.sw_latitude) {
+        return null;
+      } else {
+        return  false;
+      }
+    },
+    isNeLongitudeValid() {
+      if (this.ne_longitude <= 180 && this.ne_longitude > this.sw_longitude) {
+        return null;
+      } else {
+        return  false;
+      }
+     }
+  },
+  methods: {
+    updateBBoxArray(entry, position) {
+      const startingBbox = this.bbox;
+      const nextBbox = [...startingBbox];
+      nextBbox[position] = Number(entry);
+      this.$emit('bounds', nextBbox);
+   },
+  }
+};
+</script>
diff --git a/src/components/Map.vue b/src/components/Map.vue
index 5d522d215..a31462261 100644
--- a/src/components/Map.vue
+++ b/src/components/Map.vue
@@ -90,6 +90,10 @@ export default {
     fitBoundsOnce: {
       type: Boolean,
       default: false
+    },
+    bbox: {
+      type: Array,
+      default: null,
     }
   },
   data() {
@@ -419,11 +423,16 @@ export default {
         minWidth: 20,
         minHeight: 20,
         minHorizontalSpacing: 20,
-        minVerticalSpacing: 20
+        minVerticalSpacing: 20, 
+        bbox: this.bbox,
       });
-      this.areaSelect.addTo(this.map);
+      this.areaSelect.addTo(this.map, this.bbox);
       this.areaSelect.on("change", () => this.emitBounds());
-      this.emitBounds();
+
+      // don't emit bounds on load if already known in order to avoid rounding box entries
+      if(!this.bbox) {
+        this.emitBounds();
+      }
     },
     emitBounds() {
       this.$emit('bounds', this.areaSelect.getBounds());
diff --git a/src/components/SearchFilter.vue b/src/components/SearchFilter.vue
index c359eb8bc..335ed1516 100644
--- a/src/components/SearchFilter.vue
+++ b/src/components/SearchFilter.vue
@@ -27,8 +27,19 @@
         </b-form-group>
 
         <b-form-group v-if="canFilterExtents" :label="$t('search.spatialExtent')" :label-for="ids.bbox">
-          <b-form-checkbox :id="ids.bbox" v-model="provideBBox" value="1" @change="setBBox()">{{ $t('search.filterBySpatialExtent') }}</b-form-checkbox>
-          <Map class="mb-4" v-if="provideBBox" :stac="stac" selectBounds @bounds="setBBox" scrollWheelZoom />
+          <b-form-checkbox :id="ids.bbox" v-model="provideBBox" @change="setBBox()">{{ $t('search.filterBySpatialExtent') }}</b-form-checkbox>
+          <template>
+            <b-form-group v-if="provideBBox">
+              <b-tabs>
+                <b-tab :title="$t('search.defineBbox.map')" lazy>
+                  <Map class="mb-4" :stac="stac" :bbox="query.bbox" selectBounds @bounds="setBBox" scrollWheelZoom />
+                </b-tab>
+                <b-tab :title="$t('search.defineBbox.text')" lazy>
+                  <BBoxEntry :bbox="query.bbox" @bounds="setBBox" />
+                </b-tab>
+              </b-tabs>
+            </b-form-group>
+          </template>
         </b-form-group>
 
         <b-form-group v-if="conformances.CollectionIdFilter" :label="$tc('stacCollection', collections.length)" :label-for="ids.collections">
@@ -118,11 +129,12 @@
 </template>
 
 <script>
-import { BBadge, BDropdown, BDropdownItem, BForm, BFormGroup, BFormInput, BFormCheckbox, BFormRadioGroup } from 'bootstrap-vue';
+import { BBadge, BDropdown, BDropdownItem, BForm, BFormGroup, BFormInput, BFormCheckbox, BFormRadioGroup, BTabs, BTab } from 'bootstrap-vue';
 import Multiselect from 'vue-multiselect';
 import { mapGetters, mapState } from "vuex";
 import refParser from '@apidevtools/json-schema-ref-parser';
 
+import BBoxEntry from './BBoxEntry.vue';
 import Utils, { schemaMediaType } from '../utils';
 import { ogcQueryables } from "../rels";
 
@@ -159,7 +171,7 @@ function getDefaults() {
     query: getQueryDefaults(),
     filtersAndOr: 'and',
     filters: [],
-    selectedCollections: []
+    selectedCollections: [],
   };
 }
 
@@ -169,6 +181,7 @@ export default {
   name: 'SearchFilter',
   components: {
     BBadge,
+    BBoxEntry,
     BDropdown,
     BDropdownItem,
     BForm,
@@ -176,6 +189,8 @@ export default {
     BFormInput,
     BFormCheckbox,
     BFormRadioGroup,
+    BTabs,
+    BTab,
     QueryableInput: () => import('./QueryableInput.vue'),
     Loading,
     Map: () => import('./Map.vue'),
diff --git a/src/components/map/leaflet-areaselect.js b/src/components/map/leaflet-areaselect.js
index 4f3d6449c..11094d0e5 100644
--- a/src/components/map/leaflet-areaselect.js
+++ b/src/components/map/leaflet-areaselect.js
@@ -23,7 +23,7 @@ L.AreaSelect = L.Class.extend({
     this._height = this.options.height;
   },
 
-  addTo: function (map) {
+  addTo: function (map, bounds) {
     this.map = map;
     if (this._container) { this.map._controlContainer.appendChild(this._container); }
     else { this._createElements(); }
@@ -32,10 +32,34 @@ L.AreaSelect = L.Class.extend({
     this.map.on("resize", this._onMapResize, this);
 
     this.fire("change");
-    this._render();
+    if(bounds) {
+      this.setInitialBounds(bounds);
+    } else {
+      this._render();
+    }
     return this;
   },
 
+  // Given array of bounds coordinates, 
+  // determine the corresponding pixel coordinates relative to the map container
+  // and set bounding box height & width to those bounds
+  setInitialBounds: function ( bounds) {
+    if (Array.isArray(bounds) && bounds.length >= 4) {
+      const corner1 = L.latLng(bounds[1], bounds[0]);
+      const corner2 = L.latLng(bounds[3], bounds[2]);
+      bounds = L.latLngBounds(corner1, corner2);
+      // make sure map is centered on bounds before adding bounding box
+      this.map.panTo(bounds.getCenter());
+      const bottomLeft = this.map.latLngToContainerPoint(bounds.getSouthWest());
+      const topRight = this.map.latLngToContainerPoint(bounds.getNorthEast());
+  
+      this._width = Math.abs(bottomLeft.x - topRight.x);
+      this._height = Math.abs(bottomLeft.y - topRight.y);
+
+      this._render();
+    }
+  },
+
   getBounds: function () {
     const size = this.map.getSize();
     const topRight = new L.Point();
@@ -48,8 +72,7 @@ L.AreaSelect = L.Class.extend({
 
     const sw = this.map.containerPointToLatLng(bottomLeft);
     const ne = this.map.containerPointToLatLng(topRight);
-
-    return new L.LatLngBounds(sw, ne);
+    return new L.LatLngBounds(roundPoint(sw), roundPoint(ne));
   },
 
   getBBoxCoordinates: function () {
@@ -290,3 +313,11 @@ L.AreaSelect = L.Class.extend({
 L.areaSelect = function (options) {
   return new L.AreaSelect(options);
 };
+
+
+function roundPoint(point) {
+  return {
+    lat: Math.round(point['lat']),
+    lng: Math.round(point['lng'])
+  }
+}
diff --git a/src/locales/en/texts.json b/src/locales/en/texts.json
index 1cfd23c68..1bebbf529 100644
--- a/src/locales/en/texts.json
+++ b/src/locales/en/texts.json
@@ -39,6 +39,18 @@
     "description": "The requested page requires authentication. Please provide your authentication details in the text field below.",
     "title": "Authentication"
   },
+  "boundingBox": {
+    "latitudeRangeError": "Value must be between -90 and 90",
+    "longitudeRangeError": "Value must be between -180 and 180",
+    "neLatitude": "Northeast Latitude",
+    "neLatitudeSizeError": "Value must be more than Southwest Latitude",
+    "neLongitude": "Northeast Longitude",
+    "neLongitudeSizeError": "Value must be more than Southwest Longitude",
+    "swLatitude": "Southwest Latitude",
+    "swLatitudeSizeError": "Value must be less than Northeast Latitude",
+    "swLongitude": "Southwest Longitude",
+    "swLongitudeSizeError": "Value must be less than Northeast Longitude"
+  },
   "browse": "Browse",
   "cancel": "Cancel",
   "catalog": {
@@ -196,6 +208,10 @@
     "addSearchTerm": "Press enter to add a search term",
     "additionalFilters": "Additional filters",
     "dateDescription": "All times in Coordinated Universal Time (UTC).",
+    "defineBbox": {
+      "map": "Draw bounding box on map",
+      "text": "Enter coordinates"
+    },
     "enterCollections": "Enter one or more Collection IDs...",
     "enterItemIds": "Enter one or more Item IDs...",
     "enterSearchTerms": "Enter one or more search terms...",