EverWeb Widgets | Full Width

Full Width Fixed Height Google Map

Full Width Google Map Widget

Responsive Width Fixed Height

The widget creates a full width map with a fixed height. The map has some styling options, an info window with heading and text and a choice of markers - animated or not.
Get info about finding Map Coordinates.

Full Width Google Map Widget

Widget Settings

Check the Full Width box in the Metrics inspector and set the map height using a drag handle or the Metrics inspector.
Enter the map coordinates, set the zoom level and the map type.
Set the border width and color if required.
Choose the marker type and turn on the animation if required.
Set the info window's maximum width and enter the heading.
Enter the text and use HTML line breaks <br> where necessary as shown in the screenshot to the right.
Choose the font family and set the font size and colors the heading and the text.
Adjust the text line height.

This widget is included in the Full Width widget pack.

Map Controls Widget

Map Key

A Google Map API Key must be obtained and entered into the widget settings. Use the link above to get the instructions for creating a key.
Prior to publishing the page, check the box and enter the Map Key. The map will disappear but will be seen when the page is published to the server.