Shopify Themes

To display a map section on your pages, you need to (1) gather the Google Maps API key, (2) enable the Maps Javascript API, and (3) add the API key to the section settings.

Google Maps API key

Go to the Google Maps Platform to sign in to your Google Cloud Platform account.

Then go to the Project Selector page and create/select a project.

Under APIs and Services, select Credentials.

Select CREATE CREDENTIALS, then API key.

Copy the full API key from the Your API key field.

Enable the Geocoding API

Go to the APIs Library to search for the Maps Javascript API.

Select the Maps Javascript API, then Enable.

Add API key to the section settings

Restrict API access to only your store

1. Go to the Google API credentials page.
2. Select your project from the menu.
3. Choose the API key that you generated to begin editing.
4. Under Application restrictions, click HTTP referrers (web sites) and enter any domain associated with your store, including your .myshopify.com domain. For example, if you have a custom domain, then enter both https://myCustomDomain.com/* and https://shop1.myshopify.com/*.
5. Click Save.