> For the complete documentation index, see [llms.txt](https://docs.mapbox.com/mapbox-gl-js/ja/llms.txt)
# Add a directions interface to a map
The [mapbox-gl-directions](https://github.com/mapbox/mapbox-gl-directions) plugin allows users to search for origin and destination addresses, providing turn-by-turn navigation instructions and displaying the route on a Mapbox GL JS map.
The plugin uses the [Mapbox Geocoding API](https://docs.mapbox.com/api/search/geocoding/) for search results and [Mapbox Directions API](https://docs.mapbox.com/api/navigation/directions/) to retrieve routing information.
> **Note: Mapbox API pricing**
>
> The Mapbox Geocoding and Directions APIs are billed per request. Review the Geocoding API [pricing documentation](https://docs.mapbox.com/api/search/geocoding/#geocoding-api-pricing) and the Directions API [pricing documentation](https://docs.mapbox.com/api/navigation/directions/#directions-api-pricing) for more information.
> Example code:
**JavaScript**
```html
Add a directions interface to a map
```