Request Parameters Playground

Welcome to the interactive playground for the requestParams prop. Use the controls below to build a custom configuration object and see how it affects the autocomplete suggestions in real-time.

Each change you make will instantly update the code snippet and the behaviour of the search component on the right.

Language

Region

Included Region Codes

Strictly filter by up to 15 countries (CLDR codes).

Included Primary Types

Filter by up to 5 place types.

Location Bias or Location Restriction

Use the map to set a geographical preference. Bias prefers results in an area, while Restriction strictly limits them.

Origin

Set an origin point to calculate the straight-line distance to each prediction.

Live Request Parameters

This is the requestParams object being passed to the component.

{
  "language": "en-gb",
  "region": "GB",
  "origin": {
    "lat": 53.4807593,
    "lng": -2.2426305
  }
}

Try It Live

Search for a place using the configuration you've built.

Previous: Request Parameters
Next: Component Methods