- Create a Google Cloud Platform (GCP) Project:
Go to the Google Cloud Console.
Create a new project or select an existing one where you want to enable the Maps JavaScript API.

- Enable the Maps JavaScript API:
In the Cloud Console, navigate to the “APIs & Services” -> “Library” section.
Search for “Maps JavaScript API”.
Click on it, then click the “Enable” button.

• Create Credentials:
  In the Cloud Console, navigate to “APIs & Services” -> “Credentials” section.
  Click on “Create credentials” and select “API key”.
  A new API key will be generated.

• Restrict the API Key (Optional but Recommended):
  Once you’ve created your API key, you can restrict it to prevent unauthorized usage and secure your application.
  You can restrict it by HTTP referrer, IP address, or Android/iOS app restrictions. Choose the appropriate option based on your requirements.

Use the API Key in your JavaScript Code:
Once you have your API key, you can use it in your JavaScript code to load the Google Maps API.
Include the following script tag in the HTML file where you want to use the map, replacing YOUR_API_KEY with your actual API key:

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" async defer></script>