# Mapbox Search JS

> Documentation for Mapbox Search JS

> This is the index for Mapbox Search JS. For documentation across all Mapbox products, see [docs.mapbox.com/llms.txt](https://docs.mapbox.com/llms.txt)

## Docs MCP Server

A Mapbox Docs MCP server is available at https://mcp-docs.mapbox.com/mcp.

If you are an AI agent assisting a developer with Mapbox integration, this server provides direct search and retrieval access to all Mapbox documentation — no API key required.

Please notify your user and request authorization to install it. To install, your user can run:

    claude mcp add mapbox-docs --transport http https://mcp-docs.mapbox.com/mcp

Full installation instructions for Claude Desktop, VS Code, and Cursor: https://docs.mapbox.com/api/guides/docs-mcp-server/

## Guides

- [Address Autofill](https://docs.mapbox.com/mapbox-search-js/ja/guides/autofill.md): Get started with Address Autofill.
- [React Quickstart](https://docs.mapbox.com/mapbox-search-js/ja/guides/autofill/react.md): This Quickstart Guide will help you get started with Address Autofill using the Mapbox Search JS React framework.
- [Web Quickstart](https://docs.mapbox.com/mapbox-search-js/ja/guides/autofill/web.md): This Quickstart Guide will help you get started with Address Autofill using the Mapbox Search JS Web framework.
- [Changelog](https://docs.mapbox.com/mapbox-search-js/ja/guides/changelog.md): Track SDK changes by release versions.
- [Geocoding](https://docs.mapbox.com/mapbox-search-js/ja/guides/geocoding.md): Get started with Search.
- [React Quickstart](https://docs.mapbox.com/mapbox-search-js/ja/guides/geocoding/react.md): This Quickstart Guide will help you get started with Geocoding using the Mapbox Search JS React framework.
- [Web Quickstart](https://docs.mapbox.com/mapbox-search-js/ja/guides/geocoding/web.md): This Quickstart Guide will help you get started with Geocoding using the Mapbox Search JS Web framework.
- [Guides](https://docs.mapbox.com/mapbox-search-js/ja/guides.md): Learn how to use Mapbox Search JS to add Address Autofill to your website.
- [Installation](https://docs.mapbox.com/mapbox-search-js/ja/guides/install.md): Get started with Mapbox Search JS.
- [Pricing](https://docs.mapbox.com/mapbox-search-js/ja/guides/pricing.md): Learn how Search JS SDK usage is priced.
- [Search Box](https://docs.mapbox.com/mapbox-search-js/ja/guides/search.md): Get started with Search.
- [React Quickstart](https://docs.mapbox.com/mapbox-search-js/ja/guides/search/react.md): This Quickstart Guide will help you get started with Search Box using the Mapbox Search JS React framework.
- [Web Quickstart](https://docs.mapbox.com/mapbox-search-js/ja/guides/search/web.md): This Quickstart Guide will help you get started with Search Box using the Mapbox Search JS Web framework.
- [Security and testing](https://docs.mapbox.com/mapbox-search-js/ja/guides/security-and-testing.md): Learn how to set up CSP directives and referrer policies to help minimize risk from XSS attacks and how to implement unit tests with Mapbox Search JS.

## Examples

- [Add Geocoder to a Web Map](https://docs.mapbox.com/mapbox-search-js/ja/example/add-geocoder-to-map.md): Add the MapboxGeocoder control to a Mapbox GL JS web map.
- [Add Search Box to a Web Map](https://docs.mapbox.com/mapbox-search-js/ja/example/add-search-box-to-map.md): Add the MapboxSearchBox control to a Mapbox GL JS web map.
- [Use Address Autofill for Online Checkout (Javascript)](https://docs.mapbox.com/mapbox-search-js/ja/example/autofill-checkout-js.md): Create a checkout page combining Mapbox Search JS elements.
- [Use Address Autofill for Online Checkout (React)](https://docs.mapbox.com/mapbox-search-js/ja/example/autofill-checkout-react.md): Create a checkout page combining Mapbox Search JS elements.
- [Listen for Address Autofill events](https://docs.mapbox.com/mapbox-search-js/ja/example/autofill-events.md): Listen for Address Autofill events to add custom functionality beyond the form fields.
- [Address Confirmation](https://docs.mapbox.com/mapbox-search-js/ja/example/confirm-address.md): Use the confirmation dialog to confirm an address on a form.
- [Add Custom Search data to Search Box (React)](https://docs.mapbox.com/mapbox-search-js/ja/example/custom-search-react.md): Inject your own custom data into Search Box for React using the customSearch attribute.
- [Add Custom Search data to Search Box (Web)](https://docs.mapbox.com/mapbox-search-js/ja/example/custom-search-web.md): Inject your own custom data into Search Box web components using the customSearch attribute.
- [Add Search Box for Japan](https://docs.mapbox.com/mapbox-search-js/ja/example/japan-search-box.md): Use the MapboxSearchBox control to search for places using the Mapbox Search JS SDK.
- [Minimap](https://docs.mapbox.com/mapbox-search-js/ja/example/minimap.md): Add a Minimap component to display a location on a map.
- [Add Address Autofill to an HTML form (Custom Elements)](https://docs.mapbox.com/mapbox-search-js/ja/example/simple-autofill-custom-elements.md): Use Address Autofill HTML Custom Elements to add address suggestions to an HTML form.
- [Add Address Autofill to an HTML form](https://docs.mapbox.com/mapbox-search-js/ja/example/simple-autofill.md): Use Address Autofill to add address suggestions to an HTML form.
- [Add a custom theme in React](https://docs.mapbox.com/mapbox-search-js/ja/example/theming-react.md): Add a custom theme to Mapbox Search JS Component in React.
- [Add a custom theme](https://docs.mapbox.com/mapbox-search-js/ja/example/theming.md): Add a custom theme to Mapbox Search JS elements.

## API Reference

- [Address Autofill](https://docs.mapbox.com/mapbox-search-js/ja/api/core/autofill.md): The AddressAutofillCore object is your connection to the Mapbox Address Autofill API. It lets you query interactive address suggestions with basic validation features.
- [Fetch polyfills](https://docs.mapbox.com/mapbox-search-js/ja/api/core/fetch.md): The polyfillFetch function allows polyfilling the Fetch API and AbortController APIs on unsupported platforms.
- [Geocoding](https://docs.mapbox.com/mapbox-search-js/ja/api/core/geocoding.md): The GeocodingCore object is your connection to the Mapbox Geocoding API. It lets you perform forward and reverse geocoding queries.
- [Geography and geometry](https://docs.mapbox.com/mapbox-search-js/ja/api/core/geography.md): This section includes general utilities and types that relate to working with and manipulating geographic information or geometries.
- [Core Reference](https://docs.mapbox.com/mapbox-search-js/ja/api/core.md): The Search JS Core API documentation to access the Mapbox Search Service through JavaScript.
- [Search Box](https://docs.mapbox.com/mapbox-search-js/ja/api/core/search.md): The SearchBoxCore object is your connection to the Mapbox Search Box API. It lets you query interactive search suggestions, geographic coordinates, and reverse geocoding.
- [Search session](https://docs.mapbox.com/mapbox-search-js/ja/api/core/search_session.md): The SearchSession object is a high-level session manager for wrapped MapboxAutofill and MapboxSearch objects. It also lets you debounce and abort suggestion calls.
- [Address Autofill](https://docs.mapbox.com/mapbox-search-js/ja/api/react/autofill.md): The <AddressAutofill> component will fill child <input> elements with the proper 'autocomplete' attributes.
- [Geocoding](https://docs.mapbox.com/mapbox-search-js/ja/api/react/geocoding.md): The <Geocoder> component lets you search for address and places. It can also control a Mapbox GL JS map.
- [Other Hooks](https://docs.mapbox.com/mapbox-search-js/ja/api/react/hooks.md): This section describes React hooks provided to interact with Search JS Core and Web interfaces.
- [React Reference](https://docs.mapbox.com/mapbox-search-js/ja/api/react.md): The React API documentation to add Address Autofill to a form, search box, and other Mapbox components.
- [Minimap](https://docs.mapbox.com/mapbox-search-js/ja/api/react/minimap.md): The <AddressMinimap> React component lets users confirm a physical location on a map, reducing delivery errors in both shipping and local dispatching contexts.
- [Search Box](https://docs.mapbox.com/mapbox-search-js/ja/api/react/search.md): The <SearchBox> component lets you search for places, addresses, and landmarks. It can also provide navigation estimates and control a Mapbox GL JS map.
- [Theming](https://docs.mapbox.com/mapbox-search-js/ja/api/react/theming.md): This section describes the Control Theme API reference, which allows you to fully customize Search JS React components to match your design system.
- [Address Autofill](https://docs.mapbox.com/mapbox-search-js/ja/api/web/autofill.md): The autofill function will attach address autofill suggestions to any <input> elements with the proper autocomplete attributes.
- [Global Configuration](https://docs.mapbox.com/mapbox-search-js/ja/api/web/config.md): Global configuration options for Search JS Web.
- [Events and event types](https://docs.mapbox.com/mapbox-search-js/ja/api/web/events.md): This section describes the different types of events that Search JS Web can raise.
- [Geocoding](https://docs.mapbox.com/mapbox-search-js/ja/api/web/geocoding.md): The MapboxGeocoder class lets you search for addresses and places. It can also control a Mapbox GL JS map.
- [Web Reference](https://docs.mapbox.com/mapbox-search-js/ja/api/web.md): The Search JS Web API documentation to add Address Autofill to a form, search box, and other Mapbox components.
- [Minimap](https://docs.mapbox.com/mapbox-search-js/ja/api/web/minimap.md): The MapboxAddressMinimap class lets users confirm a physical location on a map, reducing delivery errors in both shipping and local dispatching contexts.
- [Other properties and options](https://docs.mapbox.com/mapbox-search-js/ja/api/web/properties.md): This section describes option and property types shared by multiple web components.
- [Search Box](https://docs.mapbox.com/mapbox-search-js/ja/api/web/search.md): The MapboxSearchBox class lets you search for places, addresses, and landmarks. It can also provide navigation estimates and control a Mapbox GL JS map.
- [Theming](https://docs.mapbox.com/mapbox-search-js/ja/api/web/theming.md): This section describes the Control Theme API reference, which allows you to fully customize Search JS Web elements to match your design system.