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. To illustrate, let’s consider an example where we limit the search results to the Paris area.

Learn more

Discover the process of integrating the geocoding control feature into your React (Geocoding React component) or Svelte (Geocoding Svelte component) applications. Additionally, you have the option to use the VanillaJS version 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), OpenLayers (OpenLayers Geocoding control), or MapLibre GL JS (MapLibre GL JS Geocoding control).

Related examples

Geocoding limit results by a drawn area

Example

Limit geocode control search results to the bounding box of the drawn area. Draw a polygon on the map to filter the search results to the polygon bounding box.

Geocoding search results by proximity to a specific point

Example

Geocoding control search results closer to the specific geographical point, results near the provided point are ranked higher.

Geocoding search results to specified country(ies)

Example

Geocoding control limit search results to specified country(ies).

Geocoding API

Example

This tutorial shows how to search places using the MapTiler Geocoding API.