1. Tutorials
  2. Google Maps

Google Places Javascript Autocomplete (Partial place name search)

August 24, 2018
Autocomplete.getPlacePredictions

Get API Key and Include Javascript for Google Map/Places.

const autocompleteService = new google.maps.places.AutocompleteService()

const autocompleteRequest = {
  input: 'ja', // trying autocomplete for "japan"
}

autocompleteService.getPlacePredictions(autocompleteRequest, (results, status) => {
  if (status == google.maps.places.PlacesServiceStatus.OK) {
    results.forEach((item) => {
      console.log(item.description)
    })
  }
})

References:

❤️ Is this article helpful?
Buy me a coffee☕ or support my work to keep this space 🖖 and ad-free.
If you can't, do send some 💖 to @d_luaz or help to share this article.
👶 Apps I built
Travelopy - discover travel places in Malaysia, Singapore, Taiwan, Japan.
Pixtory App (Alpha) - easily organize photos on your phone into a blog.
暖心芽 (WIP) 🌞❤️🌱 - reminder of hope, warmth, thoughts and feelings (or just quotes).
LuaPass - offline password manager
By Desmond Lua
A dream boy who enjoys making apps, travelling and gardening. Follow me on @d_luaz.
This work is licensed under a
Creative Commons Attribution-NonCommercial 4.0 International License.