Locations Map Widget

Last updated 04.02.25

The Location Map widget automatically displays map data entered into the Locations Application onto an interactive Open Street map. Clickable pins open popup windows containing location detail information. The standard map will resize to fill the space available within a grid, accordion or tab.

The map data can be styled to appear in different visuals including a standard map (see below) or a standard map with a text table below.

The same data can create a dramatically different visual of locations styled as individual cards with or without photos.

Note: to create an interactive map, data must first be entered into the Locations Application

How to add a Location Map Widget

After location data entry is complete, the Location Map widget can be added to any page or pages in the website.

Note that any update to the data in the Location Application will immediately propagate to every map instance in the website.

Select where on the page you would like the location map to appear
Click on the blue plus add widget icon
Select the Location map widget from the widget pop up
Once the widget is added to the page, hover over the added widget until it displays the properties and trash icons. Click on the gear-shaped properties icon.

Locations Map Widget Properties

PROPERTY	DESCRIPTION
Visibility	Checking and unchecking the checkbox toggles widget visibility on the page. This allows for prepping the content in edit mode before widget debut.
Default Longitude*	Default Longitude and Latitude is used to center map on a particular location when there are no pins available.
Default Latitude*	Default Longitude and Latitude is used to center map on a particular location when there are no pins available.
Transformation	Select from various map layouts: Location Map – interactive map only Location Map with Table – interactive map & table of locations below Location with Thumbnail – same as above but includes location image in table Location Cards – locations organized in rows in card format Location Cards with Thumbnail – same as above but includes location image in each card Location Map with Table and Toll-Free Clickable – interactive map & table of locations with added toll-free phone number information Location with Tab – scrolling list of locations paired with interactive map organized in a tabbed layout of services
Number of Items	Enter value to show maximum number of locations on a page. However, Enter '0', to show all Locations. If you do not provide any value, then it will be defaulted to '5'. Note: does not appear if Location with Tab transformation is selected.
Items per Row	Enter values: • Small – 1 per row recommended for mobile • Medium – 3-4 recommended for tablet • Large – 3-5 recommended for desktop Note: appears only if Location Cards or Location Cards with Thumbnail transformations are selected.
Hide All	Please select if you want to hide 'ALL' Tab. The 'all' tab displays all locations as the default tab. Note: appears only if Location with Tab transformation is selected
Order by	Select from: • Item Order • Alphabetical (with default location on top) Note the default location is set within the Locations Application by selecting an individual location and clicking the 'default location' checkbox.
Show Detail Link	Checkbox toggles on and off the show detail text link which appears with the address of each location. The link automatically jumps to the corresponding location detail page created in the site tree. See ATLAS Location Page Type.
Show Map	Checkbox toggles on and off the appearance of an interactive map within the widget. This option does not affect the Location Cards or Locations Cards with Thumbnail transformations as they do not feature maps.
Show Multiple Map	By checking, allows more than map to be used on a single page.
Services	The list of services which appear in this property are pulled from the location services list in the Widget Categories Application. Selecting a service or services will filter the locations which appear in the widget. Multiple sources can be selected by holding ctrl key (command key on Mac) and then click on options.
Default Zoom Level	If we use Default Zoom Level, then auto zoom adjustment for Map based on pins will not work. Use numbers 1 - 12 to set a zoom level. Default is 7.
Widget Container	ATLAS – Locations is the default and only option. No need to alter this setting.
Container Title	Text entry field for a large headline appearing above the widget
Margin	Use margins to increase spacing between the Locations Map Widget and other widgets on the page. This is helpful to provide visual room between elements and increase readability. Top User can select from 1-5 rems to increase spacing above the tabbed layout Bottom User can select from 1-5 rems to increase spacing below the tabbed layout Right User can select from 1-5 rems to increase to the right of the tabbed layout Left User can select from 1-5 rems to increase spacing to the left of the tabbed layout
Padding	Use padding to increase spacing within the Location Maps Widget background area. This is especially useful when using a background color to provide content grouping and visual space for readability. Top User can select from 1-5 rems to increase room in the top of the tabbed layout background area Bottom User can select from 1-5 rems to increase room in the bottom of the tabbed layout background area Right User can select from 1-5 rems to increase room in the right of the tabbed layout background area Left User can select from 1-5 rems to increase room in the left of the tabbed layout background area
Content Before	Simple text entry area to add text above the widget. Can be styled using simple HTML code (see below).
Content After	Simple text entry area to add text below the widget. Can be styled using simple HTML code (see below).
Simple HTML Code	To BOLD text: <b>Lorem ipsum dolor sit amet consectetur</b> For ITALIC text: <em>Lorem ipsum dolor sit amet consectetur</em> To add a HORIZONTAL RULE: <hr> To add a BREAK: Lorem ipsum dolor sit amet consectetur <br> Lorem ipsum dolor sit amet consectetur