Build a PinFood application with Flask (part 2)

Brojen Ais
Try Full Stack
Published in
3 min readJan 25, 2021

Before you start using the Google Map API, you need to create a project using your Google account and also, you need to enable the Google Map API.

In this tutorial, we will cover how to create a project with a Google account, activate the Google Map API and get the API key we need to interact with the Map using JavaScript in this project.

First of all, open Google Cloud Platform and select “Select a project”:

Then, the “Select a Project” dialog box appears. At the top, click NEW PROJECT:

In the New Project page, fill in the Project name with the desired project name (in the Location section, leave the value No organization) then click the CREATE button:

Next, we will be directed to the dashboard page. Select the project that we created:

Click the Maps JavaScript API on the dashboard page:

Click ENABLE button:

In the left sidebar menu, click Credentials:

Click Credentials in APIs & Services:

Click CREATE CREDENTIALS API key:

If the API key is generated successfully, copy the API key:

Copy the API Key that you have created, because you need this API Key to interact with Google Map using JavaScript in our project.

Source Code

We provide source code that you can clone at any time at the following link:

--

--

Brojen Ais
Try Full Stack
0 Followers
Editor for

I’m the author of “Try Full Stack” and a coffee addict. Happy to share positive things.