---
title: "Geocoding limit results by area (bounding box) | Geocoding | JavaScript maps SDK"
description: "Limit geocoding search results to a specific bounding box area."
---
> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.
# Geocoding limit results by area (bounding box)
Restrict the search results of the geocoding control to the specific area (bounding box). Use the `bbox` options in the control constructor to filter the results specifically within this defined area. The Bounding box is represented as an array, following the format \[minX, minY, maxX, maxY\]. For a comprehensive list of geocoding control options, refer to the [Geocoding control’s reference documentation](https://docs.maptiler.com/sdk-js/modules/geocoding/api/api-reference/types/MaptilerGeocoderOptions/). To illustrate, let’s consider an example where we limit the search results to the Paris area.
### NPM module setup
```bash
npm install --save @maptiler/sdk @maptiler/geocoding-control
```
#### main.js
```js
import { Map, MapStyle, config } from '@maptiler/sdk';
import '@maptiler/sdk/dist/maptiler-sdk.css';
import { GeocodingControl } from '@maptiler/geocoding-control/maptilersdk';
config.apiKey = 'YOUR_MAPTILER_API_KEY_HERE';
const bbox = [2.040051,48.736055,2.641553,49.017847];
const map = new Map({
container: 'map', // container id
style: MapStyle.STREETS,
bounds: bbox
});
//set geocoding control filter search results to the Paris area
const gc = new GeocodingControl({
bbox: bbox
});
map.addControl(gc, 'top-left');
```
#### index.html
```html
MapTiler Geocoding control filter by bbox
```
#### style.css
```css
body {
margin: 0;
padding: 0;
}
#map {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
}
```
### Basic JavaScript setup
```html
MapTiler Geocoding control filter by bbox
```
## Learn more
Check the [MapTiler Geocoding control API reference](https://docs.maptiler.com/sdk-js/modules/geocoding/api/api-reference/) for all search options. For example specifying the language of the results, etc.
Do you want to see how the geocoder component is made? Check the [MapTiler Geocoding control repository](https://github.com/maptiler/maptiler-geocoding-control). You can also use it as inspiration to create your component.
Discover the process of integrating the geocoding control feature into your **React** ([Geocoding React component repository](https://docs.maptiler.com/sdk-js/modules/geocoding/api/usage/react/)) or **Svelte** ([Geocoding Svelte component](https://docs.maptiler.com/sdk-js/modules/geocoding/api/usage/svelte/)) applications. Additionally, you have the option to use the [VanillaJS version](https://docs.maptiler.com/sdk-js/modules/geocoding/api/usage/vanilla-js/) to customize it for any of your applications.
Are you currently using a different map library? No worries! Learn how to incorporate the geocoding control functionality with **Leaflet** ([Leaflet Geocoding control](https://docs.maptiler.com/leaflet/examples/geocoding-control)), **OpenLayers** ([OpenLayers Geocoding control](https://docs.maptiler.com/openlayers/examples/geocoding-control/)), or **MapLibre GL JS** ([MapLibre GL JS Geocoding control](https://docs.maptiler.com/sdk-js/modules/geocoding/api/usage/maplibre-gl-js/)).
## Related examples
### [Geocoding API](https://docs.maptiler.com/sdk-js/examples/geocoding/)
Tutorials
Search for places using the MapTiler Geocoding API.
### [Geocoding limit results by a drawn area](https://docs.maptiler.com/sdk-js/examples/geocoding-filter-draw-bbox/)
Examples
Limit geocoding search results to a drawn polygon bounding box.
### [Geocoding search results by proximity to a specific point](https://docs.maptiler.com/sdk-js/examples/geocoding-filter-proximity/)
Examples
Rank geocoding search results higher based on proximity.
### [Geocoding search results to specified country(ies)](https://docs.maptiler.com/sdk-js/examples/geocoding-filter-country/)
Examples
Limit geocoding control search results to specific countries.