Fit a map to a bounding box

> For the complete documentation index, see [llms.txt](https://docs.mapbox.com/mapbox-gl-js/llms.txt) # Fit a map to a bounding box This example zooms and pans the map so the new visible area of the map fits within the specified geographical bounds. It uses the JavaScript [`addEventListener` method](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener) to attach a click listener to the 'Fit to Kenya' button so that when a user clicks the button, [`fitBounds()`](https://docs.mapbox.com/mapbox-gl-js/api/map/#map#fitbounds) pans and zooms the map viewport from the starting location on the city of Mombasa so that the new visible area includes the entire country of Kenya. The `fitBounds()` method accepts a geographic bounding box representing the southwest and northeast corners of the area you would like to fit the map's viewport to. The coordinates must be passed in as a [`LngLatBoundsLike`](https://docs.mapbox.com/mapbox-gl-js/api/geography/#lnglatboundslike) (A [`LngLatBounds`](https://docs.mapbox.com/mapbox-gl-js/api/geography/#lnglatbounds) object, an array of [`LngLatLike`](https://docs.mapbox.com/mapbox-gl-js/api/geography/#lnglatlike) objects in `[sw, ne]` order, or an array of numbers in `[west, south, east, north]` order). [`Longitude`](https://docs.mapbox.com/help/glossary/lat-lon/) values in `LngLatBoundsLike` are typically set between `-180` to `180`, but can exceed this range if necessary. [`Latitude`](https://docs.mapbox.com/help/glossary/lat-lon/) values must be within `-90` to `90`. > Example code: **JavaScript** ```html Fit a map to a bounding box

```