This feature requires that you set up Google Cloud Platform account. You need this in order to get the Google Maps API key you need to make the embedded map work.
While customizing your home page, this feature is available by using the Add section button.
Here’s what you need to do to get a Google Maps API key:
After this process, you are granted a Google Maps API key, which you can copy into Context’s map section Google Maps API Key field:
The API key should be a large jumbled string of characters, like this:
We recommend that you restrict your API key so it can only be used on requests to your store’s URL (like
https://your-store.com). You can restrict to multiple URLs if you also want to add your
https://your-store.myshopify.com address for testing purposes.
The following video shows you how to do this from the Google Cloud Platform Google Maps dashboard:
If you lost your API key, you can find it again (or regenerate it) from the Google Cloud Platform API Credentials page.
Now that you have a Google Maps API key, you can configure Context’s map section.
You can find some map presets using Google’s Google Maps Platform Styling Wizard website.
Using the Google Maps Platform Styling Wizard website, you can choose different map themes or tweak map settings.
Check out the following video for more information:
Once you have copied the JSON to your clipboard, you can paste it into Context’s Custom map JSON setting.