Set Up Your Google Maps Key

By default, our Store Locator includes a free, open-source basemap from OpenStreetMap, which does not require any token or API key.

If you prefer to use Google Maps as your basemap, you will need to connect a Google Maps API key.

Why Google Maps?

Google Maps is the most widely recognized mapping platform. It offers:

• The familiar Google Maps look and feel
• Multiple preset styles (Standard, Silver, Retro, Dark)
• Custom cloud-based styles via Map ID
• Reliable global coverage and performance

Step-by-Step Setup

1. 1Go to the Google Cloud Console and sign in with your Google account.
2. 2Create a new project (or select an existing one).
3. 3Open APIs & Services and click Enable APIs and Services.
4. 4Search for Maps JavaScript API and enable it.
5. 5Go to APIs & Services > Credentials.
6. 6Click Create Credentials > API key.
7. 7Copy the generated API key.
8. 8Go back to your Shopify Store Locator app settings.
9. 9In Settings > Map, select Google Maps as your map provider.
10. 10Paste the API key into the Google Maps API Key field and click Save.

Your map will now load with the Google Maps basemap.

Optional: Custom Map Styling

For full brand customization, you can create a custom map style in Google Maps:

1. 1Open the Maps Studio in Google Cloud Console.
2. 2Create a new map style and customize colors, labels, and features.
3. 3Save the style and copy the Map ID.
4. 4In the Store Locator settings, paste the Map ID into the Google Maps Map ID field.

With a Map ID connected, select Custom as your map style to use your branded design.

Video Tutorial