The Bigblue pickup point selector uses Google Map Platform to display a Map in the Shopify Checkout UI extensions and geocode your customers’ addresses.

Because every Google Maps API key is tied to a specific web domain, you must provide your own key to display the map on your domain. Google Maps has a $200 monthly free tier, which should be enough for most stores not to incur additional charges. Follow the steps below to get your keys.

<aside> 💡 If you don’t want the Map displayed, you can leave the Maps Javascript API key empty. It will simply hide it.

</aside>

Setup your Google Maps API Keys

You must sign into your professional Google account or create one if you don’t have one.

Click on this link to get started.

  1. Enable APIs by navigating to the “Enable APIs” tab and clicking on the button.

Untitled

  1. Navigate to Keys & Credentials

Untitled

  1. Create your keys, and copy them to the App settings in your Shopify admin.

<aside> ⚠️ Important security warning The API key used for Maps Javascript SDK will be used on your website and thus publicly available. It’s very important to restrict it to your domain only (see recording below).

That only applies to the Maps JS key, the Geocoding key is kept in our database and never shared.

</aside>