> For the complete documentation index, see [llms.txt](https://enappd-apps.gitbook.io/apps/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://enappd-apps.gitbook.io/apps/ionic-4-full-app/pro-pack-features/google-autocomplete.md).

# Google Autocomplete

Autocomplete is used in various apps for finding locations on a map . E.g. We use autocomplete in Uber to find our destination, to find a place on Google Maps etc. 

Ionic 5 Full App implements autocomplete using AGM - Angular google Maps.

![Autocomplete in Ionic 5 Full App](/files/-LbHHLXRsH0C1a1vethA)

Import the `MapsAPILoader`  with 

```
import { MapsAPILoader } from '@agm/core';
```

Autocomplete can be simply implemented using

```
const autocomplete = new google.maps.places.Autocomplete(nativeHomeInputBox, {
  types: ['address']
});
autocomplete.addListener('place_changed', () => {
  this.ngZone.run(() => {
    const place: google.maps.places.PlaceResult = autocomplete.getPlace();
    this.query = place['formatted_address'];
  });
});
```

Once a place is selected from the list, `place` variable in the above function return a response as shown below. You can choose `formatted_address` for all general purposes. 

![](/files/-LbHHArAtEZFVY_zt_VF)