Difference between revisions of "Embed a Google Map in SiteCreator"
Jump to navigation
Jump to search
(Created page with "https://developers.google.com/maps/documentation/javascript/get-api-key") |
|||
| Line 1: | Line 1: | ||
| − | https://developers.google.com/maps/documentation/javascript/ | + | 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. |
| + | |||
| + | =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'''. | ||
Revision as of 15:00, 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.
