This article will guide you through setting up and adding a Google Maps to your website. This widget uses the Google Maps Embed API and before you start using this, you will need a project with a billing account and the Maps Embed API enabled. To learn more, see Set up in Cloud Console.
For more information on widgets see: Widgets: What are they, and how to use them
Adding the Widget
To get started, select the widget tab of a theme page or navigate to the widget section of any other page type and select "Add Widget." You will then be brought the widget selection overlay where you will find the "Photo Gallery" widget. Simply click add to apply the widget to the page.
Click edit on the widget and you will find the following settings:
|Destination||(Required) Defines the end point of the directions. URL-escaped place name, address, plus code, latitude/longitude coordinates, or place ID. The Maps Embed API supports both
|Features to Avoid||Specifies features to avoid in directions. Note that this doesn't preclude routes that include the restricted feature(s); it biases the result to more favorable routes.
|Heading||(Required) Indicates the compass heading of the camera in degrees clockwise from North. Value in degrees from -180° to 360°|
|Height||(Required) Indicates the compass heading of the camera in degrees clockwise from North. Value in degrees from -180° to 360°|
|Location||(Required) accepts a latitude and a longitude as comma-separated values (
You can specify one of the following map modes:
|Map Type||Defines type of map tiles to load.|
|Map View Center||(Required) Defines center of the map view. Accepts comma-separated latitude and longitude value; for example:
|Marker Location||(Required) Defines map marker location. URL-escaped place name, address, plus code, or place ID. Google Maps Embed API supports both
|Method of Travel||
Defines the method of travel. If no mode is specified the Maps Embed API will show one or more of the most relevant modes for the specified route.
|Origin||(Required) Defines the starting point from which to display directions. URL-escaped place name, address, plus code, latitude/longitude coordinates, or place id. The Google Maps Embed API supports both
|Unit of Measurement||Specifies measurement method, metric or imperial, when displaying distances in the results. If
|Way Points||(Optional) Specifies one or more intermediary places to route directions between the origin and destination. Place name, address, or place ID. Multiple waypoints can be specified by using the pipe character (|) to separate places (e.g.
|Width||(Required) Controls the maps width.|
|Zoom||(Required) Sets initial zoom level of the map. Values ranging from