Expanse, Fetch and Gem use a more performant Maps section that leverages Mapbox to render your location details. For the map to display, you'll need to register a Mapbox API access token and include it in the Map section settings in the theme editor.
Register the access token
- Visit the Mapbox access tokens page.
- Click Create a token.
- Enter a name for the access token's Name.
- Ensure the default Public scopes are enabled.
- Restrict API access to only your store (recommended).
- Click Create token.
Add your Mapbox API access token to your theme
- From your Shopify admin, go to Online Store > Themes.
- Find the theme that you want to edit, and then click Customize.
- Click Add section.
- Click Map, and then click Select.
- Enter the information for your map. In the Mapbox API access token field, paste your Mapbox API access token.
- Click Save.
Restrict API access to only your store
Mapbox allows you to restrict access to your API. Your API access token is a unique identifier for your map that prevents others from using your API key by restricting its access to only your domains.
- Go to the Mapbox access token page.
- Choose the API access token that you generated to begin editing.
- Under URLs, 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.
-
Click Save.