Setting up the Google Maps API and integrating it with your Enatega Project

Create a Google Cloud Project

  • Step 1: Log into the Google Cloud Console.
  • Step 2: Click on "Create Project".
  • Step 3: Enter your project name and location.
  • Step 4: Click "Create"

Enable Required Google Maps APIs

  • Step 1: From the side menu, navigate to APIs & Services > Library.
  • Step 2: Search for and enable the required Maps APIs like Geocoding, Maps JavaScript API, Places API, etc.
  • Step 3: Read the documentation for API usage guidelines.

Set Up Billing

  • Step 1: From the side menu, go to Billing > Settings and set up a billing account.
  • Step 2: Enter your payment information and verify. This is crucial for accessing paid API tiers.

Generate API Keys

  • Step 1: From the side menu, navigate to APIs & Services > Credentials.
  • Step 2: Click “Create Credentials” and select “API key”. Generate two keys: one restricted to website URLs and another for server IPs.

Restrict API Keys

  • For the website key, add your domain URLs under URL restrictions with /* at the end of each URL.
  • For the IP key, add your server public IP under IP restrictions.

Verify IP Restrictions

  • Test the geocoding feature on your site/app. If requests are blocked, the error message will provide the server IP.
  • Update the IP restrictions for the IP key accordingly in the Google Cloud Console.

Update Code Configuration

  • Include the Google API keys in your app's code/configurations, specifically in places marked with GOOGLE_MAPS_KEY.
  • Update and deploy your code changes to reflect these new settings.

Test Integration

  • Allow 5-10 minutes for authentication details to propagate.

Test that the APIs are working as intended on your live site.

By following these steps and incorporating the provided visuals into your documentation, you'll have a clear and visually supported guide for integrating Google Maps APIs into your Enatega project.