# Places Search autocomplete

**URL:** <https://community.thunkable.com/t/places-search-autocomplete/815084>\
**Category:** Questions about Thunkable X\
**Created:** [September 14, 2020, 6:21am UTC](https://community.thunkable.com/t/places-search-autocomplete/815084 "2020-09-14T06:21:51Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![Vaiper\_watafai](https://avatars.discourse-cdn.com/v4/letter/v/e36b37/32.png) [@Vaiper\_watafai](https://community.thunkable.com/u/Vaiper_watafai)\
**Post date:** [September 14, 2020, 6:21am UTC](https://community.thunkable.com/t/places-search-autocomplete/815084/1 "2020-09-14T06:21:51Z")

</div>

hello, it is possible to do an autocomplete, search for places with the google maps api  
 ![places-autocomplete-suggest](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/8/882e6f69c49b07315abd24873742af0288efd38d.png)  
something like this

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [September 14, 2020, 7:17am UTC](https://community.thunkable.com/t/places-search-autocomplete/815084/2 "2020-09-14T07:17:25Z")

</div>

I haven’t used either but it sounds like you want the Place Autocomplete or Query Autocomplete from the Places API:

> **[Overview  |  Places API  |  Google Developers](https://developers.google.com/places/web-service/overview)**
>
> Add up-to-date information about millions of locations to your service.

---

<div class="post-metadata">

**Author:** ![Vaiper\_watafai](https://avatars.discourse-cdn.com/v4/letter/v/e36b37/32.png) [@Vaiper\_watafai](https://community.thunkable.com/u/Vaiper_watafai)\
**Post date:** [September 14, 2020, 12:30pm UTC](https://community.thunkable.com/t/places-search-autocomplete/815084/3 "2020-09-14T12:30:51Z")

</div>

exactly what I’m looking for but I don’t know how to implement

---

<div class="post-metadata">

**Author:** ![webtotravel10h](https://avatars.discourse-cdn.com/v4/letter/w/e9c0ed/32.png) [@webtotravel10h](https://community.thunkable.com/u/webtotravel10h)\
**Post date:** [September 16, 2020, 8:15am UTC](https://community.thunkable.com/t/places-search-autocomplete/815084/4 "2020-09-16T08:15:25Z")

</div>

I am looking for the same. Is there a solution for this?

---

<div class="post-metadata">

**Author:** ![kent](https://avatars.discourse-cdn.com/v4/letter/k/b782af/32.png) [@kent](https://community.thunkable.com/u/kent)\
**Post date:** [April 29, 2021, 4:11am UTC](https://community.thunkable.com/t/places-search-autocomplete/815084/5 "2021-04-29T04:11:45Z")

</div>

Hi, I need this too. Is anyone found a solution for this in new UI?

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [April 29, 2021, 4:48am UTC](https://community.thunkable.com/t/places-search-autocomplete/815084/6 "2021-04-29T04:48:03Z")

</div>

The new drag-and-drop interface shouldn’t be any different for accessing APIs. You just need to figure out how to use the Places API in Thunkable.

---

<div class="post-metadata">

**Author:** ![kent](https://avatars.discourse-cdn.com/v4/letter/k/b782af/32.png) [@kent](https://community.thunkable.com/u/kent)\
**Post date:** [April 29, 2021, 6:03pm UTC](https://community.thunkable.com/t/places-search-autocomplete/815084/7 "2021-04-29T18:03:47Z")

</div>

Thanks. I am new and not familiar with Places API, is there any tutorial that I can refer to? Thanks.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [April 29, 2021, 6:14pm UTC](https://community.thunkable.com/t/places-search-autocomplete/815084/8 "2021-04-29T18:14:35Z")

</div>

You might find my API tutorial helpful:

> [@API JSON Tutorial (Video)](https://community.thunkable.com/t/api-json-tutorial-video/1140575):
>
> Using APIs in Thunkable and understanding how to parse JSON to get certain data from the API response is both a popular and a difficult aspect of using Thunkable. It’s not so much difficult because of Thunkable but because every API url format is different, every API documentation is different, every JSON response is different, etc. In this video, I spend a lot of time talking you through some best practices. It’s not a quick tutorial because if you rush through setting up an API in Thunkable, …

I’m just going to put it out there that it took me about ten hours of work to even start feeling comfortable with APIs and JSON. I think having a tutorial is a good head start but it can be pretty difficult stuff to get right.

---

<div class="post-metadata">

**Author:** ![kent](https://avatars.discourse-cdn.com/v4/letter/k/b782af/32.png) [@kent](https://community.thunkable.com/u/kent)\
**Post date:** [April 30, 2021, 3:20am UTC](https://community.thunkable.com/t/places-search-autocomplete/815084/9 "2021-04-30T03:20:42Z")

</div>

Thanks @tatiang  
Was about there after some research yesterday. Your video is the best at explaining the use of API so far.

I think my problem is the design problem of how to present the list of responses under the text input and for the user to choose (click). Let me think about it.

On a side note, would like to ask:

1. The Web\_API1: Is that mean we can only have 1 API in 1 app? Can we add API2?
2. Am I correct that the more API we used in an app, the slower the app performance?
3. In the “blocks” interface, can we “comment” (or temporary disable) some of the line to test a particular section of the blocks? (as we may have few hundreds of lines and sometime we just want to test if a particular section of the block caused the whole things went wrong)
4. For Google Place API, the documentation mentioned that to use it without the map, we need to put somewhere that say “powered by Google” (as per the screenshot in original post). My question is where do we get the design? or we have do it our own?

Thanks a lot!

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [April 30, 2021, 3:31am UTC](https://community.thunkable.com/t/places-search-autocomplete/815084/10 "2021-04-30T03:31:10Z")

</div>

I’m glad you found the video helpful!

1. No, you can add as many as you want. Keep in mind though that you can just use a single API component and dynamically change the URL with blocks each time you want to access a different API in your project instead of assigning that info when you create the API (I usually leave the pop-up dialog box blank).
2. No. Some APIs by their nature are a little slow to respond sometimes but they don’t stack as far as affecting performance. You typically would only call one API at a time anyway.
3. No, you can’t comment out blocks. But you can do a couple things that help with isolating a section of blocks: (a) put sections of blocks into functions and then add/remove just the function “call” blocks when needed; (b) add Wait blocks or Vibrate blocks to key areas of your block layout to either freeze the code temporarily or add a tangible signal that you’ve reached the spot in the code.
4. I’m sorry, I don’t know anything about that. I’m guessing you just write that as text for attribution.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [April 30, 2021, 4:09am UTC](https://community.thunkable.com/t/places-search-autocomplete/815084/11 "2021-04-30T04:09:01Z")

</div>

They provide the logos for your #4 question here:

> **[Places API Policies  |  Google Developers](https://developers.google.com/maps/documentation/places/web-service/policies#powered)**

---

<div class="post-metadata">

**Author:** ![kent](https://avatars.discourse-cdn.com/v4/letter/k/b782af/32.png) [@kent](https://community.thunkable.com/u/kent)\
**Post date:** [April 30, 2021, 6:47am UTC](https://community.thunkable.com/t/places-search-autocomplete/815084/12 "2021-04-30T06:47:48Z")

</div>

Great! Thanks @tatiang !

---

<div class="post-metadata">

**Author:** ![tobiassolanetmayouq5](https://avatars.discourse-cdn.com/v4/letter/t/ecb155/32.png) [@tobiassolanetmayouq5](https://community.thunkable.com/u/tobiassolanetmayouq5)\
**Post date:** [March 2, 2023, 12:23pm UTC](https://community.thunkable.com/t/places-search-autocomplete/815084/13 "2023-03-02T12:23:56Z")

</div>

Hey there! Have you achieved this? Please let me know, I am looking to do this exact thing. Thanks

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 12:23pm UTC](https://community.thunkable.com/t/places-search-autocomplete/815084/14 "2024-11-08T12:23:58Z")

</div>


