πŸ—ΊοΈ Google Maps API Keys Setup #

Setup and secure your Google Maps API keys for your Sigma Reactjs Laravel Ecommerce platform.

πŸš€ Step 1 β€” Open Google Cloud Console #

Go to https://console.cloud.google.com and login using your Google account or create a new account.

πŸ“¦ Step 2 β€” Create Project #

Create a new project from the Google Cloud Console dashboard.

⚑ Step 3 β€” Enable APIs #

Enable the following Google APIs for your project.

Geocoding API β€’ Maps Javascript API β€’ Places API β€’ Maps Elevation API β€’ Maps Static API β€’ GeoLocation API β€’ Distance Matrix API

πŸ’³ Step 4 β€” Enable Billing #

Google Maps Platform requires a billing account. Setup billing before generating API keys.

πŸ” Step 5 β€” Create HTTP Key #

Go to API & Services β†’ Credentials and click on Create Credentials.

Create a key named HTTP Key and add your website URLs under Website Restrictions.


https://my-domain.com/*
https://www.my-domain.com/*
      
Important: Always add the asterisk (*) at the end of the URL.

🌐 Step 6 β€” Create IP Restricted Key #

Create another API key named IP Key and restrict it using your server IP address.

You can find your server IP address using the IPVoid website.

⚠️ Common Error #

On shared hosting environments, you may receive authorization errors because the actual server IP differs from your domain IP.


Geocoding failed because:

"This IP, site or mobile application is not authorized to use this API Key."
      

Copy the IP address shown in the popup message and add it to the IP Restricted API Key inside Google Cloud Console.

πŸ› οΈ Configure In Admin Panel #

Save all changes and open your Sigma RL Ecommerce Admin Panel.


Admin β†’ Settings β†’ Google Maps
      

Paste both your HTTP Key and IP Key into the Google Maps settings section.

⏳ Wait For Activation #

Google APIs may take 5–10 minutes to reflect changes after configuration.


https://console.cloud.google.com
https://cloud.google.com/maps-platform
https://www.ipvoid.com/find-website-ip