Difference between revisions of "Embed a Google Map in SiteCreator"
Jump to navigation
Jump to search
(→Add your API key to the map) |
|||
| Line 23: | Line 23: | ||
=Add your API key to the map= | =Add your API key to the map= | ||
| − | Double-click the map on your site. | + | * Double-click the map on your site. |
| − | + | * Paste your API key into the '''API Key''' field. | |
| − | Paste your API key into the '''API Key''' field. | + | * Enter your business address in the '''Address''' field. |
| − | + | * Click '''APPLY'''. | |
| − | Enter your business address in the '''Address''' field. | ||
| − | |||
| − | Click '''APPLY'''. | ||
Latest revision as of 15:01, 26 February 2024
In order to display an embedded map with the location of your business on your website, you'll need a Google Maps API key. You'll need to create a Google Cloud account if you don't already have one.
Contents
Creating a Google Cloud account
- Log in to Google Cloud Console https://console.cloud.google.com
- If you haven't added billing details, go to https://console.cloud.google.com/billing to add a billing account.
Enable APIs
Enable the following APIs
- Maps Elevation API
- Maps JavaScript API
- Places API
- Geocoding API
See https://developers.google.com/maps/documentation/javascript/cloud-setup
Add a map to your SiteCreator
In your SiteCreator, click the Maps button in the top menu and click the type of map embed you want to add.
Move the map to a suitable area of your site.
Add your API key to the map
- Double-click the map on your site.
- Paste your API key into the API Key field.
- Enter your business address in the Address field.
- Click APPLY.