Integrate Google maps autocomplete with Angular & Angular material

1. Before you begin :

Create a Google Cloud Platform project with billing enabled.

Enable the Places API from the “APIs & Services” menu of the Google Cloud Console. Then get your API key.

Follow these steps from this link:

Getting started with Google Maps Platform | Google Developers

2. Create a new Angular project :

Firstly creates a new angular project :

ng new google-maps-autocomplete

3. Install dependancies :

npm i @agm/core
npm i -D @types/googlemaps
ng add @angular/material
ng add @angular-material-extensions/google-maps-autocomplete
npm i @angular/flex-layout

4. Import modules :