Getting Started with Google Maps API with Places autocomplete and Directions service and renderer.

What is covered?

1. Go to Google Cloud Console
2. Add billing method
3. Add a new project
4. Fill in the information in the project
5. Select APIs & Services -> Credentials.
6. Create Credentials -> Copy Your API Key -> select Restrict Key
7. Go to the newly created project -> APIs & Services -> Go to Library -> Import libraries -> Enable. 8.Check if the library has been installed successfully or not

Youtube demo

https://youtu.be/OMLtu1p9MB8

Starting the app

Create an API in the google developers console https://console.developers.google.com, make sure to enable billing for the google project, otherwise you may get a warning as development purposes only.

Video tutorial

https://youtu.be/O6RhWXQtnxc

In .env.localin the project root and specify your API key asREACT_APP_GOOGLE_MAPS_API_KEY="YOUR_API_KEY"`

In the project directory, you can run: using npm

npm install
npm start

Author

Justtuananh, Duyvuleo

Contribute

KhangHuyn, 2P