Google Maps makes life easier, and PowerPack loves to make it easy for you to set it up. The first step to setting the Maps Widget is to obtain the API Key from Google. Please follow the following steps to get the API.
STEP 1: Go to https://console.cloud.google.com/ and log in or register if you're using it for the first time using your Google Account.
STEP 2: Once logged in, you'll have to set up the Billing Account as Google has made it mandatory to have an active billing account to use the Maps API. To set up your billing account, click the hamburger icon on the top left and select Billing or open this link https://console.cloud.google.com/billing/.
You can check more details about Google's Pricing Plans here.
STEP 4: After you've generated the API Key, the next step is to restrict it. Google has now made it mandatory to restrict the API Key for Maps to work. The restriction makes it easier to protect the Maps API from being misused.
STEP 5: Once you're on the Restriction Page, it is very important to set the right kind of restriction so that you can use the Maps without any issues.
1. Select the HTTP Referrers from the list to restrict the usage to the websites.
2. The next step provides the option to restrict the API key for only the added sites. If you want to use the same API key on multiple sites, they leave it as it is.
STEP 6: The setup is now complete, and it is time to copy the API key and set up the PowerPack Google Maps Widget.
STEP 7: Let's set up the Google Maps Widget for PowerPack for Elementor. Click here to check the documentation.