How to make an autocomplete search bar

[az123]

Hi,
How can I use the autocomplete API to make a search bar that shows the suggestions as the user types?
For example, if the search bar is for cities, then if someone types in “New”, then it should have a drop down menu under the bar with one of the options as “New York City”.

Thank you!

[szczepam (Mateusz Szczepanczyk)]

Hi.

It depends on which technology you are trying to implement such functionality.

• In Maps SDK for Web you need to use the SearchBox plugin. You can find an example application (tutorial) which is using such functionality here: https://developer.tomtom.com/maps-sdk-web-js/tutorials-use-cases/pizza-delivery
• In Maps SDK for iOS or Android you need to use the typeahead flag: iOS docs and an example app, Android docs and an example app.

If you want to implement it by using a raw APIs you might want to play with the Fuzzy Search API (and the typeahead parameter). Also it might be good to see the Autocomplete API documentation and read a very nice blog post on that particular topic

Good luck with coding!

Mateusz

[az123]

I’m using the nearby search api. Would that still work with the autocomplete api, or would I have to use the fuzzy search api?

[maloleps (Przemek Malolepszy)]

Nearby search doesn’t support typeahead param.